From 954be94aa245e567b8aa0cab67532438bc2a95a4 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Thu, 22 Feb 2024 17:19:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E4=BB=A3=E7=90=86?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E6=96=B0=E7=89=88=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=20=E6=B7=BB=E5=8A=A0=EF=BC=9A=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=A4=A7=E5=85=A8=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json               |  24 +-
 pages/agent/centerV2.vue | 288 +++++++++++++++
 pages/other/iconfont.vue | 746 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 1055 insertions(+), 3 deletions(-)
 create mode 100644 pages/agent/centerV2.vue
 create mode 100644 pages/other/iconfont.vue

diff --git a/pages.json b/pages.json
index 67b9eba..4370a22 100644
--- a/pages.json
+++ b/pages.json
@@ -1336,6 +1336,15 @@
 						"navigationBarTitleText": "代理中心"
 					}
 				},
+				{
+					"path": "centerV2",
+					"style": {
+						"enablePullDownRefresh": true,
+						"navigationBarTitleText": "代理中心",
+						"navigationBarBackgroundColor": "#82201d",
+						"navigationBarTextStyle": "white"
+					}
+				},
 				{
 					"path": "invite/index",
 					"style": {
@@ -1383,10 +1392,19 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "pages/other",
+			"name": "other",
+			"pages": [
+				{
+					"path": "iconfont",
+					"style": {
+						"navigationBarTitleText": "图标大全"
+					}
+				}
+			]
 		}
-
-
-
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/pages/agent/centerV2.vue b/pages/agent/centerV2.vue
new file mode 100644
index 0000000..35251e8
--- /dev/null
+++ b/pages/agent/centerV2.vue
@@ -0,0 +1,288 @@
+<template>
+	<view class="page-content">
+    <!--主要内容-->
+    <view class="main-content">
+      <!--顶部信息-->
+      <view class="top">
+        <view class="title">四川金牛区代理-万马奔鸿实业D</view>
+        <view class="identity-info">
+          <view class="identity">省公司发起人</view>
+          <view class="change-btn">切换</view>
+        </view>
+      </view>
+      <!--下级订单中心-->
+      <view class="block-content order">
+        <view class="title">
+          <view class="left">下级订单中心</view>
+          <view class="right">
+            <text class="iconfont icon-xiangyou"></text>
+          </view>
+        </view>
+        <view class="info-list">
+          <view v-for="(item,index) in order_list" :key="index" class="info-list-item">
+            <view class="item-num">{{ item.num }}</view>
+            <view class="item-title">{{ item.title }}</view>
+          </view>
+        </view>
+      </view>
+      <!--数据统计-->
+      <view class="block-content statistics">
+        <view class="title">
+          <view class="left">数据统计</view>
+          <view class="right"></view>
+        </view>
+        <view class="info-list">
+          <view v-for="(item,index) in statistics_list" :key="index" class="info-list-item">
+            <view class="item-num">{{ item.num }}</view>
+            <view class="item-title">{{ item.title }}</view>
+          </view>
+        </view>
+      </view>
+      <!--工作台-->
+      <view class="block-content staging">
+        <view class="title">
+          <view class="left">工作台</view>
+          <view class="right">
+            <view class="see-btn">查看补货申请</view>
+          </view>
+        </view>
+        <view class="info-list">
+          <view v-for="(item,index) in staging_list" :key="index" class="info-list-item">
+            <view class="item-icon">
+              <text :class="['iconfont', item.icon ]"></text>
+            </view>
+            <view class="item-title">{{ item.title }}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!--授权登录-->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+	</view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import authorize from '@/components/Authorize';
+
+export default {
+  name: 'business',
+  components: {
+    authorize,
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+      // 下级订单中心相关信息
+      order_list: {
+        'toBeShipped': {title: '待发货', num: 0},
+        'toBeReceived': {title: '待收货', num: 0},
+        'exchangeInProgress': {title: '换货中', num: 0},
+        'completed': {title: '已完成', num: 0}
+      },
+      // 数据统计相关信息
+      statistics_list: {
+        'transactionVolumeToday': {title: '今日成交额', num: 0},
+        'transactionVolumeYesterday': {title: '昨日成交额', num: 0},
+        'transactionVolumeThisMonth': {title: '本月成交额', num: 0},
+        'orderCountToday': {title: '今日订单数', num: 0},
+        'orderCountYesterday': {title: '昨日订单数', num: 0},
+        'orderCountThisMonth': {title: '本月订单数', num: 0},
+      },
+      // 工作台
+      staging_list:[
+        {title: '库存管理', icon: 'icon-dingdan1'},
+        {title: '立即进货', icon: 'icon-daifahuo1'},
+        {title: '收入管理', icon: 'icon-jinbi_o'},
+        {title: '管辖门店', icon: 'icon-dianpu1'},
+        {title: '代理资料', icon: 'icon-jiaoyidingdan'},
+        {title: '推广二维码', icon: 'icon-hexiaoma'},
+        {title: '我的进货', icon: 'icon-fenxiaodingdan'},
+        {title: '省分公司', icon: 'icon-gerentouxiang_o'},
+        {title: '下载物料', icon: 'icon-baoguo_shouna_o'},
+        {title: '扫码核销', icon: 'icon-saoma'},
+        {title: '我的申报', icon: 'icon-quanbudingdan-3'},
+        {title: '业务员管理', icon: 'icon-wodetuandui'},
+      ]
+
+
+
+
+    }
+  },
+  onLoad(options) {
+    // 判断：是否登录
+    if (!this.isLogin) {
+      // 未登录  授权登录
+      this.isAuto = true;
+      this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      this.init();
+    }
+  },
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 初始化
+    init () {},
+
+
+
+
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.page-content{
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f6f6f6;
+
+  .main-content{
+    background: linear-gradient( to bottom, #82201d 0%, #82201d 300rpx, #f6f6f6 300rpx, #f6f6f6 100% );
+    padding: 0 25rpx;
+    // 公共块样式
+    .block-content{
+      --info-list-content-width-: calc((100vw - (25rpx * 2) - (25rpx * 2)));
+
+      background-color: #FFFFFF;
+      padding: 25rpx;
+      border-radius: 10rpx;
+
+      .title{
+        width: 100%;
+        height: 55rpx;
+        margin-bottom: 15rpx;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        align-items: center;
+        justify-content: space-between;
+        .left{
+          font-size: 26rpx;
+          font-weight: bold;
+        }
+      }
+      .info-list{
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: flex-start;
+        align-content: flex-start;
+        .info-list-item{
+          width: var(--info-list-item-size-);
+          //height: var(--info-list-item-size-);
+          height: 150rpx;
+          display: inline-flex;
+          flex-direction: column;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: space-evenly;
+          .item-num{
+            font-size: 26rpx;
+            font-weight: bold;
+          }
+          .item-title{
+            font-size: 26rpx;
+          }
+        }
+      }
+    }
+    .block-content:not(:last-child){
+      margin-bottom: 20rpx;
+    }
+    // 顶部内容
+    .top{
+      padding-top: 10rpx;
+      padding-bottom: 20rpx;
+      color: #f8d0a9;
+      .title{
+        width: 100%;
+        font-size: 35rpx;
+        font-weight: bold;
+        height: 55rpx;
+        line-height: 45rpx;
+      }
+      .identity-info{
+        height: 45rpx;
+        width: 100%;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+        align-items: center;
+        .identity{
+          font-size: 26rpx;
+        }
+        .change-btn{
+          margin-left: 20rpx;
+          background: #f8d0a9;
+          color: #82201d;
+          height: 35rpx;
+          line-height: 35rpx;
+          text-align: center;
+          font-size: 26rpx;
+          width: 80rpx;
+          border-radius: 50rpx;
+        }
+      }
+    }
+    // 下级订单中心
+    .order{
+      .info-list{
+        --info-list-item-size-: calc(var(--info-list-content-width-) / 4);
+      }
+    }
+    // 数据统计
+    .statistics{
+      .info-list{
+        --info-list-item-size-: calc(var(--info-list-content-width-) / 3);
+      }
+    }
+    // 工作台
+    .staging{
+      .title{
+        .right{
+          .see-btn{
+            background: #82201d;
+            color: #FFFFFF;
+            font-size: 26rpx;
+            height: 50rpx;
+            line-height: 50rpx;
+            border-radius: 100rpx;
+            padding: 0 30rpx;
+          }
+        }
+      }
+      .info-list{
+        --info-list-item-size-: calc(var(--info-list-content-width-) / 4);
+        .item-icon{
+          .iconfont{
+            font-size: 50rpx;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/other/iconfont.vue b/pages/other/iconfont.vue
new file mode 100644
index 0000000..3ffa4e6
--- /dev/null
+++ b/pages/other/iconfont.vue
@@ -0,0 +1,746 @@
+<template>
+	<view class="page-content">
+    <view class="block" v-for="(item,index) in list" :key="index" @click="clickCopy(item)">
+      <view class="block-icon">
+        <text :class="['iconfont', item ]"></text>
+      </view>
+      <view class="block-text">{{ item }}</view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'iconfontAll',
+  components: {},
+  computed: {},
+  data() {
+    return {
+      list: [
+        'icon-jifenshangcheng',
+        'icon-fabu2',
+        'icon-bianji6',
+        'icon-zhibo-yugao',
+        'icon-zhibo-huifang',
+        'icon-zhibo-zhibozhong',
+        'icon-a-guanzhu',
+        'icon-huati',
+        'icon-shuaxin',
+        'icon-pinglun3',
+        'icon-neirongfenlei',
+        'icon-canyuhuati1',
+        'icon-tianjiabaobei',
+        'icon-zhankai',
+        'icon-shouqi',
+        'icon-ziti',
+        'icon-peisong',
+        'icon-pindan',
+        'icon-daifukuan1',
+        'icon-daifahuo1',
+        'icon-daipingjia1',
+        'icon-daishouhuo1',
+        'icon-a-shouhoutuikuan1',
+        'icon-baozhengjin',
+        'icon-tonglianzhifu1',
+        'icon-dianpu1',
+        'icon-paizhao',
+        'icon-24gf-play',
+        'icon-yiquxiao',
+        'icon-wutouxiang',
+        'icon-fenxiang3',
+        'icon-pinglun2',
+        'icon-shipin1',
+        'icon-tuwen1',
+        'icon-shangpinye_fenxiang',
+        'icon-gou2',
+        'icon-daihexiao',
+        'icon-pengyouquan1',
+        'icon-shangpin1',
+        'icon-tishi2',
+        'icon-baoguo',
+        'icon-shipin',
+        'icon-fengmian',
+        'icon-hexiaoma',
+        'icon-tuwen',
+        'icon-tianjiashipin',
+        'icon-chehui',
+        'icon-fuzhi',
+        'icon-yue2',
+        'icon-gouwu_o',
+        'icon-chengchangzhi',
+        'icon-fabu1',
+        'icon-qiandao',
+        'icon-pingjia3',
+        'icon-yaoqing1',
+        'icon-liebiao1',
+        'icon-liebiao2',
+        'icon-xiaofeijilu-rongcuo',
+        'icon-goumaishangpin',
+        'icon-meiriqiandao',
+        'icon-yaoqinghaoyou2',
+        'icon-xiaofeijilu1',
+        'icon-fufeihuiyuan1',
+        'icon-goumai',
+        'icon-dengdaizhifu',
+        'icon-xinghao',
+        'icon-shouji2',
+        'icon-dingwei4',
+        'icon-sousuo8',
+        'icon-erweima3',
+        'icon-shoudanyouhui',
+        'icon-gouwuche-mendian',
+        'icon-kefu-mendian',
+        'icon-zhongwen',
+        'icon-yingwen',
+        'icon-shipindianzan-weidian1',
+        'icon-shipindianzan-yidian',
+        'icon-mendian1',
+        'icon-gouwuche8',
+        'icon-tianjiagouwuche',
+        'icon-shipindianzan-weidian',
+        'icon-pingjia2',
+        'icon-liwu',
+        'icon-shipindianzan',
+        'icon-dingwei2',
+        'icon-dianhua',
+        'icon-yingyeshijian1',
+        'icon-bianji4',
+        'icon-xuanzhong6',
+        'icon-shaixuan1',
+        'icon-yingyeshijian2',
+        'icon-dingwei3',
+        'icon-mendian',
+        'icon-fangda1',
+        'icon-meiyuan',
+        'icon-yilingqu2',
+        'icon-jifen',
+        'icon-youhuiquan2',
+        'icon-zuji-xuanzhong',
+        'icon-zuji',
+        'icon-fanhui3',
+        'icon-fenxiaodingdan',
+        'icon-tuiguangrenpaihang1',
+        'icon-huodongguize',
+        'icon-xingzhuangjiehe',
+        'icon-wodetuandui',
+        'icon-yaoqinghaoyou1',
+        'icon-yongjinpaihang1',
+        'icon-daohangdaodian',
+        'icon-yingyeshijian',
+        'icon-dingwei1',
+        'icon-zhidianzixun',
+        'icon-pc-jifen',
+        'icon-pc-youhuiquan',
+        'icon-qunliao',
+        'icon-dingdan-xuanzhong',
+        'icon-jilu-xuanzhong',
+        'icon-kehu-xuanzhong',
+        'icon-jilu',
+        'icon-dingdan1',
+        'icon-kehu',
+        'icon-xingbie-nan',
+        'icon-xingbie-nv',
+        'icon-v',
+        'icon-huangguan4',
+        'icon-yilingqu',
+        'icon-jinru3',
+        'icon-dingdanguanli',
+        'icon-kefujilu',
+        'icon-dingdanhexiao',
+        'icon-shangjiaguanli',
+        'icon-yaoqinghaoyou',
+        'icon-yongjinpaihang',
+        'icon-tuiguangrenpaihang',
+        'icon-mimatubiao',
+        'icon-xianshi',
+        'icon-zhekoujia',
+        'icon-zhu',
+        'icon-weizan',
+        'icon-zan',
+        'icon-pinglun1',
+        'icon-gou1',
+        'icon-banquan',
+        'icon-gengxinshijian',
+        'icon-xiazailiang',
+        'icon-wenjiandaxiao',
+        'icon-dizhi1',
+        'icon-guojiagaoxinqiye',
+        'icon-yishoucang1',
+        'icon-wendang',
+        'icon-shoucangbenzhan1',
+        'icon-fenlei3',
+        'icon-shenheweitongguo',
+        'icon-shenhetongguo',
+        'icon-daishenhe',
+        'icon-shoufaxinpin',
+        'icon-cuxiaodanpin',
+        'icon-jingpintuijian1',
+        'icon-paihangbang',
+        'icon-yidianzan',
+        'icon-dianzan1',
+        'icon-haoyoudaizhifu',
+        'icon-baobeilianjie',
+        'icon-canyuhuati',
+        'icon-dianzan',
+        'icon-pinglun',
+        'icon-fenxiang2',
+        'icon-fabu',
+        'icon-gengduo5',
+        'icon-fanhui2',
+        'icon-kanjialiebiao',
+        'icon-xunishangpin',
+        'icon-dingdanliebiao',
+        'icon-shujutongji1',
+        'icon-sousuo7',
+        'icon-zhibozhong1',
+        'icon-youhuiquanshisebeijing',
+        'icon-youhuiquantoumingbeijing',
+        'icon-yushouanniu',
+        'icon-gengduo4',
+        'icon-sousuo6',
+        'icon-gerenzhongxin1',
+        'icon-shoucang3',
+        'icon-shouye8',
+        'icon-gouwuche7',
+        'icon-fuzhikouling1',
+        'icon-zhuanti',
+        'icon-daifukuan-3',
+        'icon-shouhou-tuikuan-3',
+        'icon-daipingjia-3',
+        'icon-daifahuo-3',
+        'icon-quanbudingdan-3',
+        'icon-daifahuo-2',
+        'icon-daishouhuo-2',
+        'icon-daipingjia-2',
+        'icon-shouhou-tuikuan-2',
+        'icon-daifukuan-2',
+        'icon-duoshanghupc-shuomingdanchuang',
+        'icon-duoshanghupc-daohuotongzhi',
+        'icon-duoshanghupc-baozhang',
+        'icon-dianpu',
+        'icon-dengjitubiao',
+        'icon-daifahuo-xingerenzhongxin',
+        'icon-erweima-xingerenzhongxin',
+        'icon-quanbudingdan-xingerenzhongxin',
+        'icon-xiaoxi-xingerenzhongxin',
+        'icon-daipingjia-xingerenzhongxin',
+        'icon-a-shouhoutuikuan-xingerenzhongxin',
+        'icon-daifukuan-xingerenzhongxin',
+        'icon-fapiao2',
+        'icon-shouhou-tuikuan-lan',
+        'icon-daipingjia-lan',
+        'icon-daishouhuo-lan',
+        'icon-daifukuan-lan',
+        'icon-daifahuo-lan',
+        'icon-daifahuo-ju',
+        'icon-daifukuan-ju',
+        'icon-daishouhuo-ju',
+        'icon-shouhou-tuikuan-ju',
+        'icon-daipingjia-ju',
+        'icon-daishouhuo-fen',
+        'icon-daipingjia-fen',
+        'icon-daifukuan-fen',
+        'icon-a-shouhoutuikuan-fen',
+        'icon-daifahuo-fen',
+        'icon-daifahuo-lv',
+        'icon-shouhou-tuikuan-lv',
+        'icon-daifukuan-lv',
+        'icon-daishouhuo-lv',
+        'icon-daipingjia-lv',
+        'icon-daishouhuo',
+        'icon-daipingjia',
+        'icon-daifahuo',
+        'icon-daifukuan',
+        'icon-a-shouhoutuikuan',
+        'icon-gouwuche-yangshi1',
+        'icon-gouwuche-yangshi2',
+        'icon-rilitubiao',
+        'icon-tishi1',
+        'icon-daituihuo1',
+        'icon-shenqingzhong',
+        'icon-fanyong',
+        'icon-zizhizhengjian',
+        'icon-fenxiaodengji',
+        'icon-yijujue',
+        'icon-tuikuanzhong1',
+        'icon-tuikuanshibai',
+        'icon-tuikuanchenggong',
+        'icon-tuikuanzhong11',
+        'icon-yiwancheng',
+        'icon-yituikuan1',
+        'icon-tuikuan1',
+        'icon-tuihuo',
+        'icon-shenhe',
+        'icon-shangchuantupian1',
+        'icon-shouye7',
+        'icon-shengqian',
+        'icon-xiaolian1',
+        'icon-fangda',
+        'icon-dianjichoujiang',
+        'icon-7jinianban',
+        'icon-lingquyouhuiquananniu',
+        'icon-qiandaochenggonganniu',
+        'icon-s-xianshimiaosha',
+        'icon-s-pintuan1',
+        'icon-s-kanjia1',
+        'icon-s-pingguo',
+        'icon-s-weixindenglu1',
+        'icon-s-yanzhengmadenglu1',
+        'icon-s-mimadenglu1',
+        'icon-s-yanzhengma',
+        'icon-pengyouquan',
+        'icon-jifenzhongxin',
+        'icon-s-chongzhijilu',
+        'icon-s-xiaofeijilu',
+        'icon-s-zhangdanjilu',
+        'icon-s-kefu',
+        'icon-s-bianji',
+        'icon-s-pintuan',
+        'icon-s-kanjia',
+        'icon-s-miaosha',
+        'icon-fanhui1',
+        'icon-kefu3',
+        'icon-shouye6',
+        'icon-chakanditu',
+        'icon-haowuquan1',
+        'icon-haowuquan',
+        'icon-gengduozhankai1',
+        'icon-biaoqing2',
+        'icon-huashu1',
+        'icon-tupian2',
+        'icon-huifang',
+        'icon-zhibozhong',
+        'icon-huangguan3',
+        'icon-huiyuan2',
+        'icon-fapiao1',
+        'icon-cha3',
+        'icon-shezhi1',
+        'icon-tianjia1',
+        'icon-bianji3',
+        'icon-jiahao2',
+        'icon-shanchu3',
+        'icon-fuzhikouling',
+        'icon-kefujiedai',
+        'icon-miaosha1',
+        'icon-bianji2',
+        'icon-qingkonghuancun',
+        'icon-shijian1',
+        'icon-wenhao1',
+        'icon-zhanghaomima',
+        'icon-erweima2',
+        'icon-guanji',
+        'icon-tupian1',
+        'icon-biaoqing1',
+        'icon-guanbi5',
+        'icon-shengyinjingyinxianxing',
+        'icon-shengyinyinliang',
+        'icon-pingjia1',
+        'icon-xialazhankai',
+        'icon-cha2',
+        'icon-fanhuishouye',
+        'icon-gengduo3',
+        'icon-fenxiang1',
+        'icon-sousuo5',
+        'icon-huiyuan1',
+        'icon-gou',
+        'icon-gouwuche6',
+        'icon-you1',
+        'icon-zuo1',
+        'icon-vip12',
+        'icon-youhuiquan1',
+        'icon-kefu21',
+        'icon-yue1',
+        'icon-huiyuanzhongxin',
+        'icon-kanjiajilu',
+        'icon-dizhixinxi',
+        'icon-wodetuiguang',
+        'icon-wodeshoucang',
+        'icon-huidaodingbu1',
+        'icon-saoyisao',
+        'icon-jiageshaixuanshang',
+        'icon-jiageshaixuanxia',
+        'icon-shouji1',
+        'icon-gengduo2',
+        'icon-cha1',
+        'icon-fasong',
+        'icon-gengduozhankai',
+        'icon-biaoqing',
+        'icon-huashu',
+        'icon-tupian',
+        'icon-mima',
+        'icon-zhanghao',
+        'icon-fanhui',
+        'icon-jinru2',
+        'icon-shangpinxinxi',
+        'icon-tuichu',
+        'icon-jiaoyidingdan',
+        'icon-sousuo4',
+        'icon-xuanzhong5',
+        'icon-VIP2',
+        'icon-pinzhong',
+        'icon-hanghuo',
+        'icon-zhifa',
+        'icon-dijia',
+        'icon-gerenzhongxin-xuanzhong',
+        'icon-xuanzhong4',
+        'icon-zanwumiaosha',
+        'icon-shangchuantupian',
+        'icon-fuwu',
+        'icon-tuikuantishi',
+        'icon-erweima-youxia',
+        'icon-erweimabianjiao',
+        'icon-weixindenglu1',
+        'icon-zhanghaodenglu1',
+        'icon-shangjiashijian',
+        'icon-jiageshaixuan',
+        'icon-gengduofenlei',
+        'icon-weixuan',
+        'icon-xuanzhong11',
+        'icon-pingjia',
+        'icon-guanbi4',
+        'icon-pinzhongqiquan',
+        'icon-dijiachangxuan',
+        'icon-zhengpinhanghuo',
+        'icon-dizhi-tianjia',
+        'icon-shanchu2',
+        'icon-yue',
+        'icon-weixinzhifu1',
+        'icon-shangpinshuliang-jian',
+        'icon-shangpinshuliang-jia',
+        'icon-xuanzhong3',
+        'icon-dizhixiala',
+        'icon-jinru1',
+        'icon-shenqingtuikuan',
+        'icon-peihuo',
+        'icon-xiadan',
+        'icon-wancheng',
+        'icon-fukuan',
+        'icon-fahuo',
+        'icon-saoma',
+        'icon-tishi',
+        'icon-xiala2',
+        'icon-VIP1',
+        'icon-yishoucang',
+        'icon-shoucang2',
+        'icon-kefu2',
+        'icon-fapiao',
+        'icon-fapiaoguanli',
+        'icon-jinru',
+        'icon-sousuo3',
+        'icon-dingbu-gouwuche',
+        'icon-huidaodingbu',
+        'icon-cedaohang-gouwuche',
+        'icon-weixin4',
+        'icon-lianxikefu',
+        'icon-zuo-miaosha',
+        'icon-you-miaosha',
+        'icon-zuo',
+        'icon-you',
+        'icon-shoucangbenzhan',
+        'icon-lianxishangjia',
+        'icon-dingwei',
+        'icon-fenlei2',
+        'icon-wode',
+        'icon-shouye5',
+        'icon-gouwuche5',
+        'icon-jianhao1',
+        'icon-jiahao1',
+        'icon-yanzhengma1',
+        'icon-shouji',
+        'icon-cha',
+        'icon-shoujihao',
+        'icon-qiye',
+        'icon-yonghu3',
+        'icon-yanzhengma',
+        'icon-shangpin',
+        'icon-qiandao2',
+        'icon-yaoqing',
+        'icon-tuihuozhong',
+        'icon-shenhezhong1',
+        'icon-daituihuo',
+        'icon-yihexiao',
+        'icon-yijujue1',
+        'icon-gengduo1',
+        'icon-tuikuan',
+        'icon-xiaoxi',
+        'icon-erweima1',
+        'icon-kefu1',
+        'icon-guanzhu',
+        'icon-xiangji',
+        'icon-zhuyi-copy',
+        'icon-pingfen',
+        'icon-yingyongAPP_o',
+        'icon-yizhan_o',
+        'icon-shaixuan',
+        'icon-shangjiadingdan',
+        'icon-shouye4',
+        'icon-jinbi2',
+        'icon-jinbi',
+        'icon-zuobiao',
+        'icon-jianhao',
+        'icon-jiahao',
+        'icon-zhibojieshux',
+        'icon-zhibo',
+        'icon-VIP',
+        'icon-tuiguang',
+        'icon-geren1',
+        'icon-gouwuche4',
+        'icon-fenlei1',
+        'icon-shouye3',
+        'icon-geren',
+        'icon-gouwuche3',
+        'icon-fenlei',
+        'icon-shouye2',
+        'icon-mzshopping',
+        'icon-gongneng',
+        'icon-gerenzhongxin-copy',
+        'icon-shouye1-copy',
+        'icon-gerenzhongxin',
+        'icon-shouye1',
+        'icon-gouwuche2',
+        'icon-fenleiyemian',
+        'icon-gouwuche2-copy',
+        'icon-fenleiyemian-copy',
+        'icon-tonghua',
+        'icon-youjian',
+        'icon-dadianhua01',
+        'icon-paihang',
+        'icon-weizhi',
+        'icon-paihang1',
+        'icon-shuoming1',
+        'icon-dianhau',
+        'icon-shijian',
+        'icon-huabanfuben',
+        'icon-jian',
+        'icon-jia',
+        'icon-xiugai',
+        'icon-anniu_jiantouzhankai_o',
+        'icon-jiantou_xiayiye_o',
+        'icon-jiantou_shangxiaqiehuan_o',
+        'icon-shangxiazhankai_o',
+        'icon-dianhua_o',
+        'icon-yunshangchuan_o',
+        'icon-bingtu_o',
+        'icon-baoguo_huanbaohe_o',
+        'icon-baoguo_quxiaoshouhuo_o',
+        'icon-baoguo_shouhuo_o',
+        'icon-baoguo_lingjian_o',
+        'icon-baoguo_shouna_o',
+        'icon-xianxiazhifu',
+        'icon-icon_im_keyboard',
+        'icon-tupian-',
+        'icon-icon_im_face',
+        'icon-yuezhifu',
+        'icon-yuezhifu1',
+        'icon-weixinzhifu',
+        'icon-zhifubao',
+        'icon-haibao',
+        'icon-weixin3',
+        'icon-crmeb1',
+        'icon-crmeb',
+        'icon-xuanzhong2',
+        'icon-shujutongji',
+        'icon-xiangxishuju',
+        'icon-gengduo',
+        'icon-up',
+        'icon-yonghu2',
+        'icon-zhinengkefu-',
+        'icon-xiangshang1',
+        'icon-xiangxia2',
+        'icon-code_',
+        'icon-code_1',
+        'icon-phone_',
+        'icon-xiala',
+        'icon-shezhi',
+        'icon-bianji1',
+        'icon-shoucang1',
+        'icon-jiazai',
+        'icon-2',
+        'icon-tuandui',
+        'icon-jinbi1',
+        'icon-guanbi3',
+        'icon-wenti',
+        'icon-ziyuan-xianxing',
+        'icon-yonghu1',
+        'icon-dingdan',
+        'icon-suozi',
+        'icon-quanxianguanlisuozi',
+        'icon-lingxing',
+        'icon-miaosha',
+        'icon-hebingxingzhuang',
+        'icon-kanjia1',
+        'icon-qiandai',
+        'icon-tongji',
+        'icon-erweima',
+        'icon-icon34',
+        'icon-yinhangqia',
+        'icon-yituikuan',
+        'icon-tuikuanzhong',
+        'icon-sousuo2',
+        'icon-caidan',
+        'icon-icon25201',
+        'icon-shitixing',
+        'icon-kongxinxing',
+        'icon-pintuanchenggong',
+        'icon-pintuanshibai',
+        'icon-laba',
+        'icon-xiaolian',
+        'icon-kanjia',
+        'icon-shuoming',
+        'icon-mingxi',
+        'icon-tishengfenzhi',
+        'icon-guanbi2',
+        'icon-yuandianxiao',
+        'icon-webicon318',
+        'icon-tianjiadizhi',
+        'icon-shanchu',
+        'icon-weixin2',
+        'icon-icon-test',
+        'icon-guanbi1',
+        'icon-shoucang',
+        'icon-kefu',
+        'icon-biankuang',
+        'icon-zhuangshixian',
+        'icon-jishuzhichi',
+        'icon-xuanzhong1',
+        'icon-weixuanzhong',
+        'icon-xiangshang',
+        'icon-xiangxia',
+        'icon-cuxiaoguanli',
+        'icon-shanchu1',
+        'icon-caigou-xianxing',
+        'icon-caigou',
+        'icon-yingyongchengxu-xianxing',
+        'icon-yingyongchengxu',
+        'icon-shouye',
+        'icon-shouye-xianxing',
+        'icon-yonghu-xianxing',
+        'icon-yonghu',
+        'icon-sousuo',
+        'icon-sousuo1',
+        'icon-kefu_o',
+        'icon-liwu_o',
+        'icon-huobiliu_o',
+        'icon-jinbi_o',
+        'icon-gerentouxiang_o',
+        'icon-qunzu_o',
+        'icon-shoucang_o',
+        'icon-didiandingwei_o',
+        'icon-xiangyou',
+        'icon-jingpintuijian',
+        'icon-xinpin',
+        'icon-remen',
+        'icon-xiangzuo',
+        'icon-ditu',
+        'icon-guanbi',
+        'icon-liulan',
+        'icon-shenhezhong',
+        'icon-chongzhi',
+        'icon-iconfontguanbi',
+        'icon-zhekou',
+        'icon-duihao2',
+        'icon-duihao',
+        'icon-jingyanzhi',
+        'icon-wuliu',
+        'icon-pintuan-copy',
+        'icon-arrow',
+        'icon-pintuan',
+        'icon-youhuiquan',
+        'icon-gouwuche1',
+        'icon-pailie',
+        'icon-tupianpailie',
+        'icon-xiazai5',
+        'icon-weixin1',
+        'icon-gouwuche',
+        'icon-jiantou',
+        'icon-huiyuan',
+        'icon-xuanzhong',
+        'icon-complete',
+        'icon-xiala1',
+        'icon-dizhi',
+        'icon-weixin',
+        'icon-fenxiang',
+        'icon-bianji',
+        'icon-huangguan',
+        'icon-huangguan1',
+        'icon-huangguan2'
+      ]
+    }
+  },
+  onLoad(options) {},
+  methods: {
+    // 点击复制
+    clickCopy(text){
+      // 调用 uni.setClipboardData() 将文本设置到剪贴板上
+      uni.setClipboardData({
+        data: text,
+        success(res) {
+          // 成功后的处理逻辑
+          console.log('已成功复制');
+        },
+        fail(err) {
+          // 失败时的处理逻辑
+          console.error('复制失败', err);
+        }
+      });
+    }
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.page-content{
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f6f6f6;
+  padding: 20rpx;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: center;
+  justify-content: space-between;
+  align-items: center;
+  .block{
+    --line-num-: 3;
+    --block-size-: calc((100vw - (20rpx * 2) - (20rpx * (var(--line-num-) - 1))) / var(--line-num-));
+
+    background: #FFFFFF;
+    width: var(--block-size-);
+    height: var(--block-size-);
+    margin-right: 20rpx;
+    margin-bottom: 20rpx;
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    .block-icon{
+      width: calc(var(--block-size-) - 50rpx);
+      height: calc(var(--block-size-) - 50rpx);
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: center;
+      .iconfont{
+        font-size: 80rpx;
+      }
+    }
+    .block-text{
+      width: 100%;
+      text-align: center;
+      height: 50rpx;
+      line-height: 50rpx;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding: 0 10rpx;
+    }
+  }
+  .block:nth-child(3n){
+    margin-right: 0!important;
+  }
+}
+</style>