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