From ef2e2e3f9c6d37cc47b14ce0444fb75e6aa19dd1 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 27 Aug 2025 18:12:21 +0800
Subject: [PATCH] 零时提交
---
src/page/home/home.vue | 2204 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 1,116 insertions(+), 1,088 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index cbea835..a5ac11f 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -1,16 +1,13 @@
<template>
<div class="wrapper">
<div class="page_content">
- <div style="padding: 0 0.264rem;font-size: 24px;font-weight: 500;">SFM Pro</div>
+ <div style="padding: 0 0.264rem;font-size: 24px;font-weight: 500;">CARLYLEJPY</div>
<div class="center_tabs">
<div class="banner_top">
<van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
- <van-swipe-item
- v-for="(item, index) in bannerImgsArr"
- @click="handleBannerClick(index)"
- :key="index"
- >
- <img style="width: 100%; height: 146px" :src="item.img" alt />
+ <van-swipe-item style="height: 160px;" v-for="(item, index) in bannerImgsArr"
+ @click="handleBannerClick(index)" :key="index">
+ <img style=" width: 100%;height: 100%;" :src="item.img" alt />
</van-swipe-item>
</van-swipe>
</div>
@@ -35,10 +32,7 @@
<li @click="$router.push('/trading-list?type=DZ')">
<div class="link">
<div class="icon">
- <img
- src="../../assets/home/block_trades.png"
- alt=""
- />
+ <img src="../../assets/home/block_trades.png" alt="" />
</div>
<div class="name">{{ $t("hj621") }}</div>
</div>
@@ -46,10 +40,7 @@
<li @click="$router.push('/favorites')">
<div class="link">
<div class="icon">
- <img
- src="../../assets/home/ipo.png"
- alt=""
- />
+ <img src="../../assets/home/ipo.png" alt="" />
</div>
<div class="name">IPO{{ $t("申购") }}</div>
</div>
@@ -57,10 +48,7 @@
<li @click="$router.push('/smart_intraday')">
<div class="link">
<div class="icon">
- <img
- src="../../assets/home/stock_recharge.png"
- alt=""
- />
+ <img src="../../assets/home/stock_recharge.png" alt="" />
</div>
<div class="name">{{ $t("智能日内") }}</div>
</div>
@@ -150,17 +138,19 @@
<Language ref="language" @onChange="getNewsList" />
</div>
<div class="custom-swipe">
- <div class="scroll-item" v-for="(item, index) in zslist" :key="index" style="width: 150px;">
- <div class="scroll-item_top">
- <div class="scroll-item_top_left">
- {{ item.name }}
- </div>
- <div class="scroll-item_top_right">{{item.symbol}}</div>
+ <div class="scroll-item" v-for="(item, index) in zslist" :key="index" style="width: 150px;">
+ <div class="scroll-item_top">
+ <div class="scroll-item_top_left">
+ {{ item.name }}
</div>
- <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">{{ item.last }}</div>
- <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">{{ item.chg }}({{item.chgPct}}%)</div>
+ <div class="scroll-item_top_right">{{item.symbol}}</div>
</div>
+ <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">
+ {{ item.last }}</div>
+ <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">
+ {{ item.chg }}({{item.chgPct}}%)</div>
</div>
+ </div>
<!-- <div class="fg"></div> -->
<!-- <tabsList ref="tabsList" /> -->
<!-- <div class="new-stock">
@@ -205,47 +195,34 @@
<div class="title-box">
<div class="title">{{ $t("資訊") }}</div>
</div>
- <mt-tab-container
- v-model="news"
- :swipeable="true"
- >
- <mt-tab-container-item
- v-for="(items, index) in newListHeader"
- :id="items.id"
- :key="index"
- >
+ <mt-tab-container v-model="news" :swipeable="true">
+ <mt-tab-container-item v-for="(items, index) in newListHeader" :id="items.id" :key="index">
<div class="news-content">
- <div style="display: flex;align-items: normal;border-bottom:1px solid #cacaca;padding-bottom: 10px;margin-top:10px;justify-content: space-between;"
- class=""
- v-for="(item, inde) in items.data"
- :key="inde"
- @click="
+ <div
+ style="display: flex;align-items: normal;border-bottom:1px solid #cacaca;padding-bottom: 10px;margin-top:10px;justify-content: space-between;"
+ class="" v-for="(item, inde) in items.data" :key="inde" @click="
$router.push({
path: '/newPage',
query: {
listid: item.id
}
})
- "
- >
- <div style="display: flex;
+ ">
+ <div style="display: flex;
flex-direction: column;
justify-content: space-between;">
- <div
- class="titContent"
- style="
+ <div class="titContent" style="
-webkit-box-orient: vertical;
font-size: 0.38rem;
margin-top: 0.2rem;
margin-bottom: 20px;
- "
- >
- {{ item.title }}
- </div>
- <div class="item-times">
- {{ item.showTime | gettime }}
- </div>
- </div>
+ ">
+ {{ item.title }}
+ </div>
+ <div class="item-times">
+ {{ item.showTime | gettime }}
+ </div>
+ </div>
<div class="neitu"><img :src="item.imgurl" /></div>
</div>
</div>
@@ -287,637 +264,429 @@
</div>
</template>
<script>
-import AllList from "@/page/list/list-all";
-import HomeList from "./components/home-list";
-import Echart from "./components/echart.vue";
-import * as api from "@/axios/api";
-import Announcement from "@/assets/img/black_laba.png";
-import caidana from "@/assets/img/caidana.png";
-import bangzhu from "@/assets/img/bangzhu.png";
-import kefua from "@/assets/img/kefua.png";
-import ADFASDF from "@/assets/img/20240711-160804.jpg";
-import xiazai from "@/assets/img/xiazai.png";
-import GoToLogin from "@/page/home/components/GoLogin.vue";
-import { MessageBox } from "mint-ui";
-import Language from "@/components/Language/index.vue";
-import tabsList from "@/page/list/tradingList/tabs";
+ import AllList from "@/page/list/list-all";
+ import HomeList from "./components/home-list";
+ import Echart from "./components/echart.vue";
+ import * as api from "@/axios/api";
+ import Announcement from "@/assets/img/black_laba.png";
+ import caidana from "@/assets/img/caidana.png";
+ import bangzhu from "@/assets/img/bangzhu.png";
+ import kefua from "@/assets/img/kefua.png";
+ import ADFASDF from "@/assets/img/20240711-160804.jpg";
+ import xiazai from "@/assets/img/xiazai.png";
+ import GoToLogin from "@/page/home/components/GoLogin.vue";
+ import {
+ MessageBox
+ } from "mint-ui";
+ import Language from "@/components/Language/index.vue";
+ import tabsList from "@/page/list/tradingList/tabs";
-export default {
- components: {
- tabsList,
- HomeList,
- AllList,
- GoToLogin,
- Echart,
- Language
- },
- // onlineService
- props: {},
- data() {
- return {
- isshow: true,
- // 客服地址
- news: "tab_0",
- // 新闻导航
- newListHeader: [
- {
- title: this.$t("hj6"),
- id: "tab_0",
- data: [],
- type: 1
+ export default {
+ components: {
+ tabsList,
+ HomeList,
+ AllList,
+ GoToLogin,
+ Echart,
+ Language
+ },
+ // onlineService
+ props: {},
+ data() {
+ return {
+ isshow: true,
+ // 客服地址
+ news: "tab_0",
+ // 新闻导航
+ newListHeader: [{
+ title: this.$t("hj6"),
+ id: "tab_0",
+ data: [],
+ type: 1
+ }
+ // {
+ // title: "马来西亚新闻",
+ // id: "tab_1",
+ // data: [],
+ // type: 2,
+ // },
+ ],
+
+ // 公告 icon 地址
+ Announcement,
+ ADFASDF,
+ close: true,
+ intervalId: null,
+ proData: [], // 分割好的数据
+ currentIndex: 0,
+ bannerImgsArr: [{
+ img: require("@/assets/img/11111.png")
+ },
+ {
+ img: require("@/assets/img/22222.png")
+ }
+ // {
+ // img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
+ // },
+ ],
+ // 公告列表
+ artList: [],
+
+ onlineService: "123123",
+ zslist: [],
+ isGoTo: false,
+ bannerList: [],
+ userInfo: []
+ };
+ },
+ computed: {
+ navsArr() {
+ return [{
+ img: xiazai,
+ title: this.$t("hj1461")
+ },
+ {
+ img: kefua,
+ title: this.$t("kf")
+ },
+ {
+ img: bangzhu,
+ title: this.$t("bz")
+ },
+ {
+ img: caidana,
+ title: this.$t("caidan")
+ }
+ ];
+ }
+ },
+ filters: {
+ gettime(time) {
+ if (!time) {
+ return "";
}
- // {
- // title: "马来西亚新闻",
- // id: "tab_1",
- // data: [],
- // type: 2,
- // },
- ],
-
- // 公告 icon 地址
- Announcement,
- ADFASDF,
- close: true,
- proData: [], // 分割好的数据
- currentIndex: 0,
- bannerImgsArr: [
- {
- img: require("@/assets/img/11111.png")
- },
- {
- img: require("@/assets/img/11111.png")
+ var nd = new Date(time);
+ var y = nd.getFullYear();
+ var mm = nd.getMonth() + 1;
+ var d = nd.getDate();
+ var h = nd.getHours();
+ var m = nd.getMinutes();
+ var c = nd.getSeconds();
+ if (mm < 10) {
+ mm = "0" + mm;
}
- // {
- // img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
- // },
- ],
- // 公告列表
- artList: [],
-
- onlineService: "123123",
- zslist:[],
- isGoTo: false,
- bannerList: [],
- userInfo: []
- };
- },
- computed: {
- navsArr() {
- return [
- {
- img: xiazai,
- title: this.$t("hj1461")
- },
- {
- img: kefua,
- title: this.$t("kf")
- },
- {
- img: bangzhu,
- title: this.$t("bz")
- },
- {
- img: caidana,
- title: this.$t("caidan")
+ if (d < 10) {
+ d = "0" + d;
}
- ];
- }
- },
- filters: {
- gettime(time) {
- if (!time) {
- return "";
- }
- var nd = new Date(time);
- var y = nd.getFullYear();
- var mm = nd.getMonth() + 1;
- var d = nd.getDate();
- var h = nd.getHours();
- var m = nd.getMinutes();
- var c = nd.getSeconds();
- if (mm < 10) {
- mm = "0" + mm;
- }
- if (d < 10) {
- d = "0" + d;
- }
- if (h < 10) {
- h = "0" + h;
- }
- if (m < 10) {
- m = "0" + m;
- }
- if (c < 10) {
- c = "0" + c;
- }
- // 17:35:2922-06-2022
- return d + "-" + mm + "-" + y + " " + h + ":" + m + ":" + c;
- }
- },
- methods: {
- async getrglist() {
- // 获取指数
- let data = await api.getIndexData();
- if (data.status === 0) {
- this.zslist = data.data
- } else {
+ if (h < 10) {
+ h = "0" + h;
+ }
+ if (m < 10) {
+ m = "0" + m;
+ }
+ if (c < 10) {
+ c = "0" + c;
+ }
+ // 17:35:2922-06-2022
+ return d + "-" + mm + "-" + y + " " + h + ":" + m + ":" + c;
}
},
- closeclick() {
- this.isshow = false;
- },
- aRouter() {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
- });
- // window.open(this.onlineService);
- },
- aRouter1() {
- // window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
- window.open(this.onlineService);
- },
+ methods: {
+ async getrglist() {
+ // 获取指数
+ let data = await api.getIndexData();
+ if (data.status === 0) {
+ this.zslist = data.data
+ } else {}
+ },
+ closeclick() {
+ this.isshow = false;
+ },
+ aRouter() {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
+ });
+ // window.open(this.onlineService);
+ },
+ aRouter1() {
+ // window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
+ window.open(this.onlineService);
+ },
- getdialog() {
- MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
- confirmButtonText: this.$t("hj161"),
- cancelButtonText: this.$t("hj106")
- })
- .then(async () => {})
+ getdialog() {
+ MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
+ confirmButtonText: this.$t("hj161"),
+ cancelButtonText: this.$t("hj106")
+ })
+ .then(async () => {})
// .catch(() => {});
- },
- onSelect(e) {
- this.$i18n.locale = e.lang;
- window.localStorage.setItem("language", e.lang);
- },
- async getUserInfo() {
- // 获取用户信息
- let data = await api.getUserInfo();
- if (data.status === 0) {
- // 判断是否登录
- this.$store.state.userInfo = data.data;
- this.userInfo = data.data;
- } else {
- }
- },
- getHuo() {
- // 123随机
- var num = Math.floor(Math.random() * 3 + 1);
- return num;
- },
- // 构造随机数列表 50 100 200
- getNum1(num) {
- if (num === 1) {
- return 50;
- } else if (num === 2) {
- return 100;
- } else if (num >= 3) {
- return 200;
- }
- },
- goDetail(item) {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- this.$router.push({
- path: "/kline",
- query: {
- name: item.name,
- stockplate: item.stock_plate,
- code: item.symbol.substring(2, item.symbol.length),
- type: item.market,
- sok: this.filterSH(item.market),
- if_zhishu: "0"
+ },
+ onSelect(e) {
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem("language", e.lang);
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.state.userInfo = data.data;
+ this.userInfo = data.data;
+ } else {}
+ },
+ getHuo() {
+ // 123随机
+ var num = Math.floor(Math.random() * 3 + 1);
+ return num;
+ },
+ // 构造随机数列表 50 100 200
+ getNum1(num) {
+ if (num === 1) {
+ return 50;
+ } else if (num === 2) {
+ return 100;
+ } else if (num >= 3) {
+ return 200;
}
- });
- },
- filterSH(val) {
- if (val === "sh") {
- return 1;
- } else if (val === "bj" || val === "sz") {
- return 0;
- }
- },
- gocz() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- } else {
- this.$router.push("/wallet");
- }
- },
- goJy(index) {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- switch (index) {
- // case 0:
- // this.$router.push('/yeb')
- // break
- case 0:
- this.$router.push("/download");
- // this.$router.push('/warehouse')
- break;
- case 1:
- // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
- this.$router.push("/new_service");
- // window.location.href = this.onlineService
- break;
- case 2:
- this.$router.push("/help");
- break;
- // case 3:
- // this.$router.push('/Subscription?idx=1')
- // break
- case 3:
- // this.$router.push('/Subscription?idx=1')
- this.$router.push({ path: "/trading-list", query: { indexid: 3 } });
- break;
- case 4:
- // this.$router.push('/SubDK')
-
- break;
- case 5:
- // this.$router.push('/SubDK')
+ },
+ goDetail(item) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push({
+ path: "/kline",
+ query: {
+ name: item.name,
+ stockplate: item.stock_plate,
+ code: item.symbol.substring(2, item.symbol.length),
+ type: item.market,
+ sok: this.filterSH(item.market),
+ if_zhishu: "0"
+ }
+ });
+ },
+ filterSH(val) {
+ if (val === "sh") {
+ return 1;
+ } else if (val === "bj" || val === "sz") {
+ return 0;
+ }
+ },
+ gocz() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ } else {
this.$router.push("/wallet");
- break;
- default:
- break;
- }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55]);
- }
- },
- async getBanner() {
- // 获取显示的banner
- let result = await api.getBannerByPlat({ platType: "m" });
- if (result.status === 0) {
- var ajson = { bannerUrl: this.banner1 };
- this.bannerList.push(ajson);
- } else {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: result.msg
- });
- }
- },
- goOnline() {
- this.$router.push("/service");
- },
- // 获取公告
- async getArtList() {
- let data = await api.getArtList();
- if (data.status === 0) {
- this.artList = data.data.list[0];
- }
- },
- async getInfoSite() {
- let data = await api.getInfoSite();
- if (data.status === 0) {
- this.onlineService = data.data.onlineService;
- console.log(this.onlineService, "this.onlineService");
- } else {
- this.$store.commit("elAlertShow", {
- elAlertShow: true,
- elAlertText: data.msg
- });
- }
- },
-
- // 获取新闻列表
- async getNewsList(type) {
- if (typeof type == "string") type = 1;
- let data = await api.queryNewsList(type);
- // this.isshow = true
- this.newListHeader.map(item => {
- if (item.type === type) {
- item.data = data.data.list;
}
- });
- this[`newsContent${type}`] = data.data.list;
- },
+ },
+ goJy(index) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ switch (index) {
+ // case 0:
+ // this.$router.push('/yeb')
+ // break
+ case 0:
+ this.$router.push("/download");
+ // this.$router.push('/warehouse')
+ break;
+ case 1:
+ // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
+ this.$router.push("/new_service");
+ // window.location.href = this.onlineService
+ break;
+ case 2:
+ this.$router.push("/help");
+ break;
+ // case 3:
+ // this.$router.push('/Subscription?idx=1')
+ // break
+ case 3:
+ // this.$router.push('/Subscription?idx=1')
+ this.$router.push({
+ path: "/trading-list",
+ query: {
+ indexid: 3
+ }
+ });
+ break;
+ case 4:
+ // this.$router.push('/SubDK')
- handleSearchClick() {
- this.$router.push({ path: "/trading-list", query: { type: 1 } });
- }
- },
+ break;
+ case 5:
+ // this.$router.push('/SubDK')
+ this.$router.push("/wallet");
+ break;
+ default:
+ break;
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ getBanner() {
+ // 获取显示的banner
+ let result = api.getBannerByPlat({
+ platType: "m"
+ });
+ if (result.status === 0) {
+ var ajson = {
+ bannerUrl: this.banner1
+ };
+ this.bannerList.push(ajson);
+ } else {
+ // this.$store.commit("elAlertShow", {
+ // elAlertShow: true,
+ // elAlertText: result.msg
+ // });
+ }
+ },
+ goOnline() {
+ this.$router.push("/service");
+ },
+ // 获取公告
+ async getArtList() {
+ let data = await api.getArtList();
+ if (data.status === 0) {
+ this.artList = data.data.list[0];
+ }
+ },
+ async getInfoSite() {
+ let data = await api.getInfoSite();
+ if (data.status === 0) {
+ this.onlineService = data.data.onlineService;
+ console.log(this.onlineService, "this.onlineService");
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg
+ });
+ }
+ },
+ startPolling(){
+ this.intervalId = setInterval(() => {
+ this.getrglist();
+ }, 5000); // 每 5 秒轮询一次
+ },
+ stopPolling() {
+ if (this.intervalId) {
+ clearInterval(this.intervalId);
+ this.intervalId = null;
+ }
+ },
+ // 获取新闻列表
+ async getNewsList(type) {
+ if (typeof type == "string") type = 1;
+ let data = await api.queryNewsList(type);
+ // this.isshow = true
+ this.newListHeader.map(item => {
+ if (item.type === type) {
+ item.data = data.data.list;
+ }
+ });
+ this[`newsContent${type}`] = data.data.list;
+ },
- async mounted() {
- this.getUserInfo();
- this.getrglist()
- this.getInfoSite();
- await this.getNewsList(1);
- this.getArtList();
- this.getBanner();
-
- setInterval(() => {
- if (window.localStorage.getItem("USERTOKEN")) {
- this.isGoTo = false;
- } else {
- this.isGoTo = !this.isGoTo;
+ handleSearchClick() {
+ this.$router.push({
+ path: "/trading-list",
+ query: {
+ type: 1
+ }
+ });
}
- }, 10000);
- }
-};
+ },
+ beforeDestroy() {
+ this.stopPolling()
+ },
+ mounted() {
+ this.startPolling();
+ this.getUserInfo();
+ this.getrglist();
+ // this.getrglist()
+ this.getInfoSite();
+ this.getNewsList(1);
+ this.getArtList();
+ this.getBanner();
+ setInterval(() => {
+ if (window.localStorage.getItem("USERTOKEN")) {
+ this.isGoTo = false;
+ } else {
+ this.isGoTo = !this.isGoTo;
+ }
+ }, 10000);
+ }
+ };
</script>
<style lang="less" scoped>
- /deep/.header-box{
+ /deep/.header-box {
display: none;
}
- /deep/.asiis{
+
+ /deep/.asiis {
display: none;
}
+
.horizontal-scroll-container::-webkit-scrollbar {
- display: none; /* 对于 Webkit 浏览器（如 Chrome, Safari）隐藏滚动条 */
+ display: none;
+ /* 对于 Webkit 浏览器（如 Chrome, Safari）隐藏滚动条 */
}
- .scroll-item_top_right{
+
+ .scroll-item_top_right {
width: 30%;
font-size: 12px;
font-weight: 700;
color: #ababab;
}
- .scroll-item_top_left{
+
+ .scroll-item_top_left {
width: 70%;
font-size: .373333rem;
font-weight: 700;
color: #137D68;
}
- .scroll-item_top{
+
+ .scroll-item_top {
display: flex;
align-items: center;
margin-bottom: 25px;
}
+
.scroll-item {
- display: inline-block; /* 横向排列每个项 */
- min-width: 225px; /* 每个项的宽度 */
- height: 160px; /* 每个项的高度 */
- background-color: #F5EDEC; /* 背景色 */
- margin-left: 20px; /* 项之间的间距 */
+ display: inline-block;
+ /* 横向排列每个项 */
+ min-width: 225px;
+ /* 每个项的宽度 */
+ height: 160px;
+ /* 每个项的高度 */
+ background-color: #F5EDEC;
+ /* 背景色 */
+ margin-left: 20px;
+ /* 项之间的间距 */
// line-height: 100px; /* 垂直居中 */
- border-radius: 5px; /* 圆角 */
- padding:.32rem .213333rem;
+ border-radius: 5px;
+ /* 圆角 */
+ padding: .32rem .213333rem;
}
+
.custom-swipe {
width: 100%;
- height: 180px; /* 每个项的高度 */
+ height: 180px;
+ /* 每个项的高度 */
display: flex;
- overflow-x: auto; /* 启用横向滚动 */
- white-space: nowrap; /* 保证子项不换行 */
+ overflow-x: auto;
+ /* 启用横向滚动 */
+ white-space: nowrap;
+ /* 保证子项不换行 */
scrollbar-width: none;
- }
-.navs {
- width: 100%;
- height: 2.6154rem;
-
- display: flex;
- justify-content: center;
-
- > .navs_content {
- position: relative;
- overflow: hidden;
- width: 87%;
- height: 100%;
- margin: 20px auto;
- // border-radius: 0.2564rem;
- display: flex;
- justify-content: space-between;
-
- > .chacha {
- width: 1rem;
- height: 1rem;
- border-radius: 100%;
- background-color: rgb(210, 210, 212);
- display: flex;
- justify-content: space-between;
- align-items: center;
- position: absolute;
- right: -0.4rem;
- top: -0.4rem;
-
- > div {
- width: 0.3554rem;
- height: 0.3554rem;
- margin-top: 0.3rem;
- margin-left: 0.15rem;
-
- > img {
- width: 100%;
- height: 100%;
- }
- }
- }
-
- > div {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
-
- > div {
- width: 100%;
- height: 60%;
-
- > .top_img {
- width: 0.903704rem;
- height: 0.803704rem;
- display: flex;
- align-items: center;
- justify-content: center;
-
- > div {
- width: 0.9718rem;
- height: 0.9718rem;
-
- > img {
- width: 100%;
- height: 100%;
- }
- }
- }
-
- > .bottom_navs {
- width: 100%;
- height: 30%;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 0.33rem;
- margin-top: 0.15rem;
- }
- }
- }
- }
-}
-
-.txt_box_box_right {
- color: #fff;
- background: #409eff;
- text-align: center;
- padding: 10px 15px;
- border-radius: 6px;
-}
-
-.txt_box_box_left {
- margin: 10px 0;
- font-size: 30px;
- font-weight: 600;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis /* 显示省略符号 (...) */;
-}
-
-.txt_box_box {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 20px;
-}
-
-.txt_box_top {
- font-size: 12px;
- margin-top: 10px;
- margin-bottom: 20px;
-}
-
-.txt_box {
- width: 95%;
- margin-left: 2.5%;
- display: flex;
- flex-direction: column;
- background: linear-gradient(270deg, #fff, #f2ecfd);
- border: 1px solid #dcdfe9;
- border-radius: 6px;
- padding: 10px 20px;
- font-size: 12px;
- margin-top: 10px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
-}
-
-.wrapper {
- width: 100%;
- height: 100%;
- background-color: #F8FAF9;
- padding-top: 0.3128rem;
-
- .page_content {
- width: 100%;
- height: 100%;
- }
-}
-
-.top_logo {
- width: 100%;
- height: 0.7949rem;
- display: flex;
- padding-right: 0.3rem;
-
- > div {
- width: 50%;
- height: 100%;
- display: flex;
- align-items: center;
- }
-
- .img_logo {
- font-size: 20px;
- font-family: AlibabaSansVietBold;
- font-weight: 600;
- color: #333333;
- margin-left: 0.3846rem;
-
- > img {
- width: 100%;
- height: 100%;
- }
- }
-
- .right_search {
- justify-content: flex-end;
- width: 50%;
-
- > div {
- width: 34%;
- height: 0.4615rem;
- display: flex;
- justify-content: space-between;
-
- > div {
- width: 0.5615rem;
- height: 0.5615rem;
-
- > img {
- width: 100%;
- height: 100%;
- }
- }
- }
- }
-}
-
-.center_tabs {
- width: 100%;
- height: auto;
- margin-top: 0.2308rem;
- > .banner_top {
- width: 100%;
- height: auto;
- img {
- width: 100%;
- height: 100%;
- }
- .van-swipe-item {
- // height: 3.0615rem;
- // padding: 0 0.264rem;
- // border-radius: 0.3rem;
- }
- .van-swipe-item img {
- // border-radius: 0.3rem;
- }
- }
-
- > .announcement {
- width: 100%;
- height: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0.2rem 0 0.2rem 0;
- background-color: #E8F4F0;
- > .an_content {
- width: 95%;
- height: 0.559rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- .an_left_icon {
- width: 4%;
- height: 70%;
- display: flex;
- align-items: center;
-
- > img {
- width: 100%;
- height: 100%;
- }
- }
-
- .an_right_message {
- width: 93%;
- height: 100%;
- line-height: 0.559rem;
- align-items: center;
- align-content: center;
- font-size: 0.29rem;
- white-space: nowrap;
- overflow: hidden;
- // text-overflow:ellipsis;
- }
- }
}
.navs {
@@ -927,7 +696,7 @@
display: flex;
justify-content: center;
- > .navs_content {
+ >.navs_content {
position: relative;
overflow: hidden;
width: 87%;
@@ -937,7 +706,7 @@
display: flex;
justify-content: space-between;
- > .chacha {
+ >.chacha {
width: 1rem;
height: 1rem;
border-radius: 100%;
@@ -949,48 +718,48 @@
right: -0.4rem;
top: -0.4rem;
- > div {
+ >div {
width: 0.3554rem;
height: 0.3554rem;
margin-top: 0.3rem;
margin-left: 0.15rem;
- > img {
+ >img {
width: 100%;
height: 100%;
}
}
}
- > div {
+ >div {
width: 20%;
height: 100%;
display: flex;
align-items: center;
- > div {
+ >div {
width: 100%;
height: 60%;
- > .top_img {
+ >.top_img {
width: 0.903704rem;
height: 0.803704rem;
display: flex;
align-items: center;
justify-content: center;
- > div {
+ >div {
width: 0.9718rem;
height: 0.9718rem;
- > img {
+ >img {
width: 100%;
height: 100%;
}
}
}
- > .bottom_navs {
+ >.bottom_navs {
width: 100%;
height: 30%;
display: flex;
@@ -1004,476 +773,735 @@
}
}
- .focus_on {
- width: 100%;
- height: 6.4231rem;
- margin-top: 0.2564rem;
+ .txt_box_box_right {
+ color: #fff;
+ background: #409eff;
+ text-align: center;
+ padding: 10px 15px;
+ border-radius: 6px;
+ }
+
+ .txt_box_box_left {
+ margin: 10px 0;
+ font-size: 30px;
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis
+ /* 显示省略符号 (...) */
+ ;
+ }
+
+ .txt_box_box {
display: flex;
+ justify-content: space-between;
align-items: center;
- justify-content: center;
-
- .fo_content {
- width: 95%;
- height: 100%;
- padding: 0 0.2564rem;
- border-radius: 0.2564rem;
- padding-top: 0.2rem;
-
- .top_title {
- width: 100%;
- height: 0.8821rem;
- display: flex;
- font-size: 0.4rem;
- font-weight: 800;
- align-items: center;
- }
- }
-
- /deep/ .van-swipe__indicators {
- bottom: 0.1rem;
- }
-
- /deep/ .van-swipe__indicator {
- background-color: #2d8cf0 !important;
- opacity: 1;
- }
-
- /deep/ .van-swipe__indicator--active {
- width: 0.35rem !important;
- border-radius: 0.23rem;
- background-color: #aec7ec !important;
- }
-
- .fo_banner {
- width: 100%;
- height: calc(100% - 0.8821rem - 0.3rem);
- }
+ margin-bottom: 20px;
}
- .item_cont {
- width: 100%;
- height: 1.5385rem;
- border-bottom: 0.5px solid #ececec;
- position: relative;
- border: none;
+ .txt_box_top {
+ font-size: 12px;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ }
+
+ .txt_box {
+ width: 95%;
+ margin-left: 2.5%;
display: flex;
- flex-wrap: wrap;
- align-content: center;
-
- > div {
- width: 100%;
- height: 30%;
- }
-
- .top_fo,
- .bottom_fo {
- display: flex;
- justify-content: space-between;
-
- span {
- display: inline-block;
- }
-
- .title {
- width: 30%;
- height: 100%;
- display: flex;
- align-items: center;
- font-weight: 500;
- }
-
- .aikesi {
- width: auto;
- height: 0.3rem;
- background: #dbe3f0;
- color: #546daf;
- padding-left: 0.2rem;
- padding-right: 0.2rem;
- font-size: 0.15rem;
- line-height: 0.3rem;
- margin-right: 0.1rem;
- }
-
- .numberid {
- font-size: 0.28rem;
- display: flex;
-
- line-height: 0.5rem;
- }
-
- .numbers {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
- }
-
- .point {
- font-size: 0.28rem;
- height: 0.5rem;
- line-height: 0.5rem;
- }
-
- .percentage {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
- text-align: center;
- justify-content: center;
- }
-
- .percentage span {
- height: 0.5rem;
- line-height: 0.5rem;
- }
- }
-
- .top_fo {
- font-size: 0.3846rem !important;
- }
-
- .bottom_fo {
- margin-top: 0.1rem;
- font-size: 0.1846rem;
- color: #999898;
- }
-
- .percentage.gree {
- color: green !important;
- }
-
- .percentage.redd {
- color: red !important;
- }
- }
-}
-
-.item_conts::after {
- content: "";
- position: absolute;
- bottom: 0;
- background: #ececec;
- width: 100%;
- height: 1px;
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
-}
-
-.my-swipe .van-swipe-item {
- font-size: 0.5128rem;
- // line-height: 3.8462rem;
- text-align: center;
- overflow: hidden;
-}
-
-.fo_my-swipe .van-swipe-item {
- font-size: 0.5128rem;
- // line-height: 3.8462rem;
- overflow: hidden;
-}
-
-.fo_my-swipe {
- width: 100%;
- height: 100%;
-}
-
-.focus_skeleton {
- margin-top: 1rem;
-}
-
-.van-skeleton__row,
-.van-skeleton__title {
- height: 0.7rem;
-}
-
-.news-tab {
- width: 95%;
- position: relative;
- left: 0;
- right: 0;
- margin: auto;
- margin-top: 0.2rem;
- border-radius: 0.4rem 0.4rem 0 0;
- padding-top: 0.3rem;
-
- /deep/ .is-selected .tab-name {
- position: relative;
+ flex-direction: column;
+ background: linear-gradient(270deg, #fff, #f2ecfd);
+ border: 1px solid #dcdfe9;
+ border-radius: 6px;
+ padding: 10px 20px;
+ font-size: 12px;
+ margin-top: 10px;
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}
- /deep/ .mint-navbar .mint-tab-item.is-selected {
- border: 0 !important;
- border-bottom: none;
- }
-
- /deep/ .is-selected .tab-name:after {
- position: absolute;
- display: block;
- content: "";
- height: 0.07rem;
- background-color: #1381a4;
+ .wrapper {
width: 100%;
+ height: 100%;
+ background-color: #F8FAF9;
+ padding-top: 0.3128rem;
+
+ .page_content {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ .top_logo {
+ width: 100%;
+ height: 0.7949rem;
+ display: flex;
+ padding-right: 0.3rem;
+
+ >div {
+ width: 50%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
+
+ .img_logo {
+ font-size: 20px;
+ font-family: AlibabaSansVietBold;
+ font-weight: 600;
+ color: #333333;
+ margin-left: 0.3846rem;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ .right_search {
+ justify-content: flex-end;
+ width: 50%;
+
+ >div {
+ width: 34%;
+ height: 0.4615rem;
+ display: flex;
+ justify-content: space-between;
+
+ >div {
+ width: 0.5615rem;
+ height: 0.5615rem;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+ }
+ }
+
+ .center_tabs {
+ width: 100%;
+ height: auto;
+ margin-top: 0.2308rem;
+
+ >.banner_top {
+ width: 100%;
+ height: auto;
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+
+ .van-swipe-item {
+ // height: 3.0615rem;
+ // padding: 0 0.264rem;
+ // border-radius: 0.3rem;
+ }
+
+ .van-swipe-item img {
+ // border-radius: 0.3rem;
+ }
+ }
+
+ >.announcement {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 0.2rem 0 0.2rem 0;
+ background-color: #E8F4F0;
+
+ >.an_content {
+ width: 95%;
+ height: 0.559rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .an_left_icon {
+ width: 4%;
+ height: 70%;
+ display: flex;
+ align-items: center;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ .an_right_message {
+ width: 93%;
+ height: 100%;
+ line-height: 0.559rem;
+ align-items: center;
+ align-content: center;
+ font-size: 0.29rem;
+ white-space: nowrap;
+ overflow: hidden;
+ // text-overflow:ellipsis;
+ }
+ }
+ }
+
+ .navs {
+ width: 100%;
+ height: 2.6154rem;
+
+ display: flex;
+ justify-content: center;
+
+ >.navs_content {
+ position: relative;
+ overflow: hidden;
+ width: 87%;
+ height: 100%;
+ margin: 20px auto;
+ // border-radius: 0.2564rem;
+ display: flex;
+ justify-content: space-between;
+
+ >.chacha {
+ width: 1rem;
+ height: 1rem;
+ border-radius: 100%;
+ background-color: rgb(210, 210, 212);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: absolute;
+ right: -0.4rem;
+ top: -0.4rem;
+
+ >div {
+ width: 0.3554rem;
+ height: 0.3554rem;
+ margin-top: 0.3rem;
+ margin-left: 0.15rem;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ >div {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+
+ >div {
+ width: 100%;
+ height: 60%;
+
+ >.top_img {
+ width: 0.903704rem;
+ height: 0.803704rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ >div {
+ width: 0.9718rem;
+ height: 0.9718rem;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ >.bottom_navs {
+ width: 100%;
+ height: 30%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.33rem;
+ margin-top: 0.15rem;
+ }
+ }
+ }
+ }
+ }
+
+ .focus_on {
+ width: 100%;
+ height: 6.4231rem;
+ margin-top: 0.2564rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .fo_content {
+ width: 95%;
+ height: 100%;
+ padding: 0 0.2564rem;
+ border-radius: 0.2564rem;
+ padding-top: 0.2rem;
+
+ .top_title {
+ width: 100%;
+ height: 0.8821rem;
+ display: flex;
+ font-size: 0.4rem;
+ font-weight: 800;
+ align-items: center;
+ }
+ }
+
+ /deep/ .van-swipe__indicators {
+ bottom: 0.1rem;
+ }
+
+ /deep/ .van-swipe__indicator {
+ background-color: #2d8cf0 !important;
+ opacity: 1;
+ }
+
+ /deep/ .van-swipe__indicator--active {
+ width: 0.35rem !important;
+ border-radius: 0.23rem;
+ background-color: #aec7ec !important;
+ }
+
+ .fo_banner {
+ width: 100%;
+ height: calc(100% - 0.8821rem - 0.3rem);
+ }
+ }
+
+ .item_cont {
+ width: 100%;
+ height: 1.5385rem;
+ border-bottom: 0.5px solid #ececec;
+ position: relative;
+ border: none;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: center;
+
+ >div {
+ width: 100%;
+ height: 30%;
+ }
+
+ .top_fo,
+ .bottom_fo {
+ display: flex;
+ justify-content: space-between;
+
+ span {
+ display: inline-block;
+ }
+
+ .title {
+ width: 30%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-weight: 500;
+ }
+
+ .aikesi {
+ width: auto;
+ height: 0.3rem;
+ background: #dbe3f0;
+ color: #546daf;
+ padding-left: 0.2rem;
+ padding-right: 0.2rem;
+ font-size: 0.15rem;
+ line-height: 0.3rem;
+ margin-right: 0.1rem;
+ }
+
+ .numberid {
+ font-size: 0.28rem;
+ display: flex;
+
+ line-height: 0.5rem;
+ }
+
+ .numbers {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
+
+ .point {
+ font-size: 0.28rem;
+ height: 0.5rem;
+ line-height: 0.5rem;
+ }
+
+ .percentage {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+ }
+
+ .percentage span {
+ height: 0.5rem;
+ line-height: 0.5rem;
+ }
+ }
+
+ .top_fo {
+ font-size: 0.3846rem !important;
+ }
+
+ .bottom_fo {
+ margin-top: 0.1rem;
+ font-size: 0.1846rem;
+ color: #999898;
+ }
+
+ .percentage.gree {
+ color: green !important;
+ }
+
+ .percentage.redd {
+ color: red !important;
+ }
+ }
+ }
+
+ .item_conts::after {
+ content: "";
+ position: absolute;
+ bottom: 0;
+ background: #ececec;
+ width: 100%;
+ height: 1px;
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+ }
+
+ .my-swipe .van-swipe-item {
+ font-size: 0.5128rem;
+ // line-height: 3.8462rem;
+ text-align: center;
+ overflow: hidden;
+ }
+
+ .fo_my-swipe .van-swipe-item {
+ font-size: 0.5128rem;
+ // line-height: 3.8462rem;
+ overflow: hidden;
+ }
+
+ .fo_my-swipe {
+ width: 100%;
+ height: 100%;
+ }
+
+ .focus_skeleton {
+ margin-top: 1rem;
+ }
+
+ .van-skeleton__row,
+ .van-skeleton__title {
+ height: 0.7rem;
+ }
+
+ .news-tab {
+ width: 95%;
+ position: relative;
left: 0;
- bottom: -0.25rem;
- }
-}
+ right: 0;
+ margin: auto;
+ margin-top: 0.2rem;
+ border-radius: 0.4rem 0.4rem 0 0;
+ padding-top: 0.3rem;
-.news-content {
- position: relative;
- padding: 0.3rem;
- padding-top:0px;
-}
+ /deep/ .is-selected .tab-name {
+ position: relative;
+ }
-.item-out {
- position: relative;
- border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
- padding: 0 0.25rem 1rem 0.25rem;
-}
+ /deep/ .mint-navbar .mint-tab-item.is-selected {
+ border: 0 !important;
+ border-bottom: none;
+ }
-.item-out::before {
- content: "●";
- position: absolute;
- top: -0.1rem;
- left: -0.128rem;
- margin: auto;
-}
-
-.item-times {
- color: #999;
- margin-bottom: 0.15rem;
-}
-
-.titContent {
- position: relative;
- width: 100%;
- font-size: 0.35rem;
- line-height: 0.46rem;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- display: -webkit-box;
-}
-
-.neitu {
- // width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 0.05rem;
- // margin-top: 0.3rem;
- // margin-bottom: 0.8rem;
-}
-
-.neitu img {
- width: 140px;
- // height: 100%;
- border-radius:10px;
-}
-
-.block-out {
- margin-top: 0.2rem;
-}
-
-.blocks {
- width: auto;
- font-size: 0.32rem;
- padding: 0.08rem 0.15rem 0.08rem 0.15rem;
- display: inline-block;
- border: 0.0513rem solid #41ac75;
- color: #41ac75;
-}
-
-.animate {
- padding-left: 20px;
-
- font-size: 0.29rem;
-
- color: #000;
-
- display: inline-block;
-
- white-space: nowrap;
-
- animation: 10s wordsLoop linear infinite normal;
-}
-
-@keyframes wordsLoop {
- 0% {
- transform: translateX(100%);
-
- -webkit-transform: translateX(100%);
+ /deep/ .is-selected .tab-name:after {
+ position: absolute;
+ display: block;
+ content: "";
+ height: 0.07rem;
+ background-color: #1381a4;
+ width: 100%;
+ left: 0;
+ bottom: -0.25rem;
+ }
}
- 100% {
- transform: translateX(-100%);
-
- -webkit-transform: translateX(-100%);
- }
-}
-
-@-webkit-keyframes wordsLoop {
- 0% {
- transform: translateX(100%);
-
- -webkit-transform: translateX(100%);
+ .news-content {
+ position: relative;
+ padding: 0.3rem;
+ padding-top: 0px;
}
- 100% {
- transform: translateX(-100%);
-
- -webkit-transform: translateX(-100%);
+ .item-out {
+ position: relative;
+ border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
+ padding: 0 0.25rem 1rem 0.25rem;
}
-}
-.box-1 {
- background: #F8FAF9;
- border-radius: 0.21333rem;
- // margin-top: 0.21333rem;
+ .item-out::before {
+ content: "●";
+ position: absolute;
+ top: -0.1rem;
+ left: -0.128rem;
+ margin: auto;
+ }
- .menu {
+ .item-times {
+ color: #999;
+ margin-bottom: 0.15rem;
+ }
+
+ .titContent {
+ position: relative;
+ width: 100%;
+ font-size: 0.35rem;
+ line-height: 0.46rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 2;
+ display: -webkit-box;
+ }
+
+ .neitu {
+ // width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 0.05rem;
+ // margin-top: 0.3rem;
+ // margin-bottom: 0.8rem;
+ }
+
+ .neitu img {
+ width: 140px;
+ // height: 100%;
+ border-radius: 10px;
+ }
+
+ .block-out {
+ margin-top: 0.2rem;
+ }
+
+ .blocks {
+ width: auto;
+ font-size: 0.32rem;
+ padding: 0.08rem 0.15rem 0.08rem 0.15rem;
+ display: inline-block;
+ border: 0.0513rem solid #41ac75;
+ color: #41ac75;
+ }
+
+ .animate {
+ padding-left: 20px;
+
+ font-size: 0.29rem;
+
+ color: #000;
+
+ display: inline-block;
+
+ white-space: nowrap;
+
+ animation: 10s wordsLoop linear infinite normal;
+ }
+
+ @keyframes wordsLoop {
+ 0% {
+ transform: translateX(100%);
+
+ -webkit-transform: translateX(100%);
+ }
+
+ 100% {
+ transform: translateX(-100%);
+
+ -webkit-transform: translateX(-100%);
+ }
+ }
+
+ @-webkit-keyframes wordsLoop {
+ 0% {
+ transform: translateX(100%);
+
+ -webkit-transform: translateX(100%);
+ }
+
+ 100% {
+ transform: translateX(-100%);
+
+ -webkit-transform: translateX(-100%);
+ }
+ }
+
+ .box-1 {
+ background: #F8FAF9;
+ border-radius: 0.21333rem;
+ // margin-top: 0.21333rem;
+
+ .menu {
padding: 20px;
margin: ;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
- li {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 30%;
- flex-shrink: 0;
- border-radius: 10px;
- padding: 20px ;
- background-color: #fff;
- justify-content: center;
- margin-bottom: 0.4rem;
- .links {
+ li {
display: flex;
flex-direction: column;
align-items: center;
- justify-content: center;
- color: #fff;
-
- .name {
- font-family: PingFang SC;
- font-style: normal;
- font-weight: 400;
- font-size: 0.32rem;
- line-height: 0.45333rem;
- color: #14181f;
- text-align: center;
- margin-top: 10px;
- }
- }
-
- .link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- color: #fff;
-
- .icon {
- width: 0.8rem;
- height: 0.8rem;
- }
-
- img {
- width: 100%;
- height: 100%;
- }
-
- .name {
- font-family: PingFang SC;
- font-style: normal;
- font-weight: 400;
- font-size: 0.32rem;
- line-height: 0.45333rem;
- color: #14181f;
- text-align: center;
- margin-top: 10px;
- }
- }
- }
- }
-}
-
-.fg {
- width: 100%;
- height: 10px;
- background-color: rgb(247, 247, 250);
-}
-
-.new-stock {
- padding: 0 0.4rem;
-
- .title {
- color: #2c2e3b;
- text-align: justify;
- font-family: PingFang SC;
- font-size: 0.37333rem;
- font-style: normal;
- font-weight: 500;
- line-height: normal;
- padding-top: 0.26667rem;
- }
-
- .list {
- display: flex;
- padding-top: 0.26667rem;
-
- .item {
- background: linear-gradient(rgb(94, 248, 196) 0%, rgb(72, 205, 105) 100%);
- flex: 1;
- border-radius: 0.4rem;
- width: 50%;
- height: 4.2rem;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- color: #fff;
- font-size: 0.4rem;
- font-weight: 500;
-
- > img {
width: 30%;
- }
+ flex-shrink: 0;
+ border-radius: 10px;
+ padding: 20px;
+ background-color: #fff;
+ justify-content: center;
+ margin-bottom: 0.4rem;
- .i-title {
- font-family: PingFang SC;
- margin: 15px 10px;
- font-style: normal;
- text-align: center;
- font-weight: 500;
- line-height: 0.42667rem;
+ .links {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+
+ .name {
+ font-family: PingFang SC;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.32rem;
+ line-height: 0.45333rem;
+ color: #14181f;
+ text-align: center;
+ margin-top: 10px;
+ }
+ }
+
+ .link {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+
+ .icon {
+ width: 0.8rem;
+ height: 0.8rem;
+ }
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+
+ .name {
+ font-family: PingFang SC;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.32rem;
+ line-height: 0.45333rem;
+ color: #14181f;
+ text-align: center;
+ margin-top: 10px;
+ }
+ }
}
}
}
-}
-.list .item:nth-child(2) {
- background: #4a5e77;
-}
-
-.title-box {
- padding: 0.26667rem 0.4rem 0;
- margin-bottom: 0.26667rem;
-
- .title {
- color: #000;
- font-family: PingFang SC;
- font-size: 0.42667rem;
- font-style: normal;
- font-weight: 500;
- line-height: 0.64rem;
+ .fg {
+ width: 100%;
+ height: 10px;
+ background-color: rgb(247, 247, 250);
}
-}
-// /deep/ .van-popup {
-// overflow-y: auto;
-// }
+ .new-stock {
+ padding: 0 0.4rem;
+
+ .title {
+ color: #2c2e3b;
+ text-align: justify;
+ font-family: PingFang SC;
+ font-size: 0.37333rem;
+ font-style: normal;
+ font-weight: 500;
+ line-height: normal;
+ padding-top: 0.26667rem;
+ }
+
+ .list {
+ display: flex;
+ padding-top: 0.26667rem;
+
+ .item {
+ background: linear-gradient(rgb(94, 248, 196) 0%, rgb(72, 205, 105) 100%);
+ flex: 1;
+ border-radius: 0.4rem;
+ width: 50%;
+ height: 4.2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ font-size: 0.4rem;
+ font-weight: 500;
+
+ >img {
+ width: 30%;
+ }
+
+ .i-title {
+ font-family: PingFang SC;
+ margin: 15px 10px;
+ font-style: normal;
+ text-align: center;
+ font-weight: 500;
+ line-height: 0.42667rem;
+ }
+ }
+ }
+ }
+
+ .list .item:nth-child(2) {
+ background: #4a5e77;
+ }
+
+ .title-box {
+ padding: 0.26667rem 0.4rem 0;
+ margin-bottom: 0.26667rem;
+
+ .title {
+ color: #000;
+ font-family: PingFang SC;
+ font-size: 0.42667rem;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 0.64rem;
+ }
+ }
+
+ // /deep/ .van-popup {
+ // overflow-y: auto;
+ // }
</style>
--
Gitblit v1.9.3