new-mshop-view/pages/other/iconfont.vue

747 lines
19 KiB
Vue

<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>