parent
e8b956de98
commit
954be94aa2
24
pages.json
24
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",
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue