no message

zhaojs

2023-08-01 cc6247528b559cf6a9468591bb889bb58dc14199

 h5/apph5/pages/wxkf/index.vue

@@ -1,53 +1,121 @@
<template>
   <view class="main-cont">
      <view class="txt-sty" style="margin-top: 4rem;">
         <image class="head-img" :src="wxhead"></image>
   <view>
      <view class="main-cont">
         <view class="txt-sty">
            <image class="head-img" :src="wxhead"></image>
         </view>
         <view class="txt-sty head-txt">
            微信号：{{wxtxt}}
         </view>
         <view class="txt-sty">
            <image :src="wxImg" class="ercode-img"></image>
         </view>
         <view class="txt-sty" style="font-weight: 700; margin-top: 1rem;">长按二维码，添加微信享受优惠</view>
      </view>
      <view class="txt-sty head-txt">
         微信号：{{wxtxt}}
      <view class="item-contant" v-if="itemsdata&&itemsdata.length>0">
         <view class="item-head">
            ---- 好物推荐 ----
         </view>
         <view class="item-list">
            <view class="item-v" v-for="item in itemsdata">
               <lineItem :isrecord="isrecord" :items="item"></lineItem>
            </view>
         </view>
         <view class="bottom-show">添加微信，享受更多优惠~</view>
      </view>
      <view class="txt-sty">
         <image :src="wxImg" class="ercode-img"></image>
      </view>
      <view class="txt-sty" style="font-weight: 700; margin-top: 1rem;">长按二维码，添加微信享受优惠</view>
		
   </view>
</template>

<script>
   import lineItem from '../../components/items/LineItem.vue';
   import comUtils from '../../utils/ComUtils.js'
   export default {
      components: {
         lineItem
      },
      data() {
         return {
            wxImg: 'https://img.ushopvip.com/dfg/wxcode.png',
            wxhead: 'https://img.ushopvip.com/dfg/dfgapplogo.png',
            wxtxt: 'sedws22'
            wxImg: 'https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/wxhead0801.png',
            wxhead: 'https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/wxheadimg0801.jpg',
            wxtxt: '17396873080',
            itemsdata: {},
            isrecord:true
         }
      },
      onLoad() {

         let isshow=comUtils.getUrlPar('ishow');
         if(isshow)
         {
            this.getItemsInfo();
         }
      },
      methods: {

         getItemsInfo() {
            var that = this;
            let postdata = {
               page: 1,
               pageSize: 20,
               sort: 7
            };
            this.$http.post('/api/taoke/tb_goods_list', 
               postdata
            ).then(e => {
               uni.hideLoading();
               if (e.code != 0) {
                  return;
               }
               this.itemsdata = e.data.list;
               console.log(e);
            }).catch(function(err) {
               console.log(err);
            })
         }

      },
   }
</script>

<style>
   .txt-sty{
   .item-head {
      text-align: center;
      padding: 1rem;
      font-weight: 600;
      color: linear-gradient(-90deg, #fe3a3f, #faa450);
      color: #fe3a3f;
      background: linear-gradient(-90deg, #fe3a3f, #faa450);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }

   .bottom-show {
      text-align: center;
      width: 100%;
      padding-bottom: 1rem;
      color: #fe3a3f;
      background: linear-gradient(-90deg, #fe3a3f, #faa450);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 600;
   }

   .txt-sty {
      text-align: center;
   }
   .main-cont {
		
   }
   .head-txt{

   .main-cont {}

   .head-txt {
      margin: 0.4rem 0 2rem 0;
   }

   .head-img {
      width: 5rem;
      height: 5rem;
      margin-top: 4rem;
   }
   .ercode-img{

   .ercode-img {
      width: 16rem;
      height: 16rem;
   }