feat: 小猪优选IOS提交

lin

2026-04-17 7654d718d458420c7e2d714d2cb40a7a4ffdcc68

 pages/index/index.vue

@@ -1,128 +1,93 @@
<template>
   <view class="index">
      <view class="status_bar"></view>
      <view class="index-top">
         <view class="index-title">
            <view class="index-title-view index-title-view1">
               <view class="index-title-view-lf">
                  <image src="@/static/imgs/index-logo.png" mode=""></image>
               </view>
               <view class="index-title-view-lf2">趋势好货放心购</view>
            </view>
            <view class="index-title-view index-title-view2">
               <view class="index-title-view-rf">
                  <view class="">
                     <image src="@/static/imgs/qiandao.png" mode=""></image>
                     <text>签到打卡</text>
                  </view>
               </view>
               <view class="index-title-view-rf">
                  <view class="">
                     <image src="@/static/imgs/kefu.png" mode=""></image>
                     <text>联系客服</text>
  <view class="page-container index">
    <image class="page-bg" src="@/static/imgs/index-top.png" mode="scaleToFill"></image>
    <view class="content">
      <!-- #ifdef APP-PLUS -->
      <view class="uni-popup" :style="{top:isNativeHead?'':StatusBar}" v-if="contactsFlag">
        <view class="ani uni-custom uni-popup__wrapper">
         <view class="uni-popup__wrapper-box">
           <view class="title">通讯权限</view>
           <view class="content">便于实现好友推荐、联系人同步等功能</view>
           <view class="btn-group">
            <button class="cancel-btn" @click="handleReject">拒绝</button>
            <button class="allow-btn" @click="handleAuthorize">允许</button>
                  </view>
               </view>
            </view>
         </view>
         <view class="search">
            <view class="search-1">
               <image src="@/static/imgs/s2.png" mode=""></image>
               <input type="text" placeholder="请输入关键词" />
      <!-- #endif -->
      <view class="hLogo">
         <view class="hLogoView">
            <view class="hLogo-1">
               <image class="h-logo" src="/static/imgs/index-logo.png" mode=""></image>
            </view>
            <view class="search-2">
               <view class="">搜索</view>
            </view>
         </view>
         <view class="cates">
            <view class="cates-v" v-for="(item, index) in catesNavData" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
               <image class="cates-v-icon" :src="item.icon" mode=""></image>
               <view class="">{{item.title}}</view>
            <view class="hLogo-2" @tap="$util.goPages('../search/search')">
               <image class="s-icon" src="/static/imgs/search.png" mode=""></image>
               <input type="text" placeholder="请搜索您想要的商品" />
            </view>
         </view>
      </view>
      
      <view class="banner">
         <swiper class="swiper" circular :indicator-dots="indicatorDots" :indicator-color="indicatorColor" :autoplay="autoplay" :indicator-active-color="indicatorActiveColor" :interval="interval" :duration="duration">
            <swiper-item v-for="(item, index) in bannerData"  @tap="$util.goPages('/pages/ginfo/ginfo?id=' + item.goodsid)">
               <image lazy-load :src="item.icon" mode=""></image>
            </swiper-item>
         </swiper>
      <view class="cates" v-if="catesNavData">
         <view class="cates-v" v-for="(item, index) in catesNavData" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
            <image class="cates-v-icon" :src="item.icon" mode=""></image>
            <view class="">{{item.title}}</view>
      </view>
      <view class="comm">
         <view class="comm-1">
            <view class="comm-title">
               <image src="/static/imgs/ptyx.png" mode=""></image>
         <!-- <view class="cates-v" @tap="$util.goSwitch('/pages/cates/cates')">
            <image class="cates-v-icon" src="/static/imgs/more.png" mode=""></image>
            <view class="">更多</view>
         </view> -->
            </view>
            <view class="comm-goods">
               <view class="comm-goods-v" v-for="(item, index) in prefGoods" @click="$util.goPages('/pages/ginfo/ginfo?id=' + item.id)">
                  <view class="">
                     <image :src="item.icon" mode=""></image>
                     <text>¥{{item.price}}</text>
		
      <view class="ad1" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + '7' + '&title=' + '家居百货')">
         <image src="/static/imgs/ad1.png" mode=""></image>
                  </view>
		
      <view class="ad2" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + '11' + '&title=' + '服装鞋包')">
         <image src="/static/imgs/ad2.png" mode=""></image>
               </view>
		
      <view class="ad3" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + '3' + '&title=' + '手机数码')">
         <image src="/static/imgs/ad3.png" mode=""></image>
            </view>
		
      <view class="c-goods" v-if="hotCates" v-for="(item, index) in hotCates">
         <view class="ca-ad" v-if="index % 2 == 0">
            <image src="/static/imgs/c1.png" mode=""></image>
         </view>
         <view class="comm-2"></view>
         <view class="comm-3">
            <view class="comm-title">
               <image src="@/static/imgs/jfdh.png" mode=""></image>
         <view class="ca-ad" v-else>
            <image src="/static/imgs/c2.png" mode=""></image>
            </view>
            <view class="comm-goods">
               <view class="comm-goods-v" v-for="(item, index) in pointGoods" @click="$util.goPages('/pages/ginfo/ginfo?id=' + item.id)">
                  <view class="">
                     <image :src="item.icon" mode=""></image>
                     <text>∮{{item.points}}</text>
                  </view>
               </view>
            </view>
         </view>
      </view>
      <view class="hots">
         <view class="hots-title" @tap="$util.goPages('/pages/catesList/catesList?is_hot=1&title=热门推荐')">
            <image class="hots-icon" src="@/static/imgs/rmtj.png" mode=""></image>
            <view class="hots-rgt">
               <text>大家都在买</text>
               <image src="@/static/imgs/right.png" mode=""></image>
            </view>
         </view>
         <view class="hots-goods">
            <view class="hots-goods-v" v-for="(item, index) in hotGoods" @click="$util.goPages('/pages/ginfo/ginfo?id=' + item.id)">
               <view class="">
                  <image :src="item.icon" mode=""></image>
                  <text>¥{{item.price}}</text>
               </view>
            </view>
         </view>
      </view>
      <view class="goods-main">
         <view class="goods-main-view">
            <view class="goods-list">
               <view class="goods-item" v-for="(itm, index) in goodsData" @click="$util.goPages('/pages/ginfo/ginfo?id=' + itm.id)">
         <view class="cGoods">
            <scroll-view class="scroll-view_H" scroll-x="true">
               <view class="scroll-view-item_H" v-for="(itm, index) in item.goods" @tap="$util.goPages('/pages/ginfo/ginfo?id=' + itm.id)">
                  <image lazy-load class="goods-icon" :src="itm.icon" mode=""></image>
                  <view class="goods-title">{{itm.title}}</view>
                  <view class="goods-price">
                     <view>¥</view>
                     <view class="red">{{itm.price}}</view>
                     <view class="hyj">
                        <image src="@/static/imgs/hyj.png" mode=""></image>
                     </view>
                     <view>¥</view>
                     <view class="red">{{itm.price}}</view>
                     <view class="red">{{itm.vprice}}</view>
                  </view>
               </view>
            </scroll-view>
            </view>
         </view>
      <view class="login-desc" v-if="!userInfo" @tap="$util.goPages('../login/login')">
         <image class="login-icon" src="/static/imgs/logo-icon.png" mode=""></image>
         <view class="login-font">登录小猪优选，打开美好生活</view>
         <view class="login-btn">立即登录</view>
      </view>
    </view>
	
      <uni-popup ref="popup2" type="center" :is-mask-click="false">
         <view class="popup-content">
            <view class="edu-view edu-view2">
               <image src="/static/imgs/close.png" class="close-edu" mode="" @tap="$refs.popup2.close()"></image>
               <view class="edu-view-desc2">认证领取额度</view>
               <image class="edu-icon-succ" src="/static/imgs/auths.png" mode=""></image>
               <view class="edu-view-desc3">
                  请您先认证个人信息，然后立即领取额度
               </view>
               <view class="edu-btns" @tap="goLingqu">立即领取</view>
          <view class="edu-btns" @tap="go_auth">立即领取</view>
          <!-- <view class="edu-btns" @tap="$util.goPages('/pages/idcard/idcard')">立即领取</view> -->
            </view>
         </view>
      </uni-popup>
@@ -132,10 +97,25 @@
<script>
   import permision from "@/js_sdk/wa-permission/permission.js"
   export default {
  props: {
    // 开启动画
    animation: {
      type: Boolean,
      default: true
    },
    type: {
      type: String,
      default: 'top'
    },
    //是否是原生头部
    isNativeHead:{
      type: Boolean,
      default: true
    },
  },
      data() {
         return {
            scrollIndex: 0,
            scrollCurrent: '',
      contactsFlag: false,
            staHeight: 0,
            paddingHeight: 0,
            indicatorDots: true,
@@ -146,78 +126,114 @@
            duration: 500,
            bannerData: [],
            catesNavData: [],
            goodsData: [],	
            prefGoods: [],
            hotGoods: [],
            pointGoods: [],
      catesHotData: [],
            userInfo: null,
            config: null,
      statusBarHeight: 30,
     StatusBar: 0,
     hotGoods: null,
     newGoods: null,
     hotCates: null,
         }
      },
      onShow() {      
         this.getData()
         this.getConfig()
         this.getUserInfo()
   // #ifdef APP-PLUS
   plus.navigator.setStatusBarBackground('transparent');
   // #endif
  },
  created() {
      },
      onLoad() {
    const systemInfo = uni.getSystemInfoSync();
    this.statusBarHeight = systemInfo.statusBarHeight || 30;
      },
      onReady() {
         // #ifdef APP-PLUS
         plus.navigator.setStatusBarBackground('#FFD2D8')
    this.getSystemInfo();
         // #endif
      },
      methods: {
         getData () {
            this.$util.post('Goods/getIndexData').then(res => {
               this.bannerData = res.data.bannerData
               this.catesNavData = res.data.catesNavData
               this.pointGoods = res.data.pointGoods
               this.hotGoods = res.data.hotGoods
               this.prefGoods = res.data.prefGoods
               this.goodsData = res.data.catesNavData[1].goods
            })
  mounted() {
         },
         scrollClick (index) {
            this.scrollIndex = index
            this.scrollCurrent = 'scrollItem' + index
            this.goodsData = []
            this.goodsData = this.catesNavData[index].goods
            setTimeout(() => {
               this.scrollCurrent = ''; // 重置以便下次可以滚动到相同位置
            }, 500);
  methods: {
    //获取状态栏高度
    getSystemInfo() {
      let _this = this;
      uni.getSystemInfo({
        success: function(e) {
          _this.StatusBar = e.statusBarHeight + 'px'; //用于自定义头部时，给手机状态栏留出位置,可通过isNativeHead这个参数控制
        }
      })
         },
         getConfig() {
            let t = this
            t.$util.post('Index/getConfig').then(res => {
               if(res.code == 1) {
          console.log('config', res.data)
                  t.config = res.data
               }
            })
         },
			
         getUserInfo () {
            let t = this
            t.$util.post('User/getUser').then(res => {
        console.log('getUser',res);
               if(res.code == 1){
                  this.userInfo = res.data
                  if(res.data.over_auth == 0 && t.config.put_open == 2){
                     setTimeout(() => {
                        t.$refs.popup2.open()
                     }, 100)
                  } else {
                     setTimeout(() => {
                        t.$refs.popup2.close()
              //t.$refs.popup2.open()
                     }, 100)
                  }
                  if(res.data.contacts == 0 && uni.getSystemInfoSync().platform == 'android' && this.config.put_open == 2){
                     t.requestAndroidPermission('android.permission.READ_CONTACTS')
                  }
          // if(res.data.contacts == 0 && uni.getSystemInfoSync().platform == 'android'){
          //   // t.contactsFlag = !t.contactsFlag
          //   t.requestAndroidPermission('android.permission.READ_CONTACTS')
          // }
               }
            })
         },
    handleAuthorize() {
      this.contactsFlag = false;
      this.requestAndroidPermission('android.permission.READ_CONTACTS')
    },
    // 4. 手动点击“拒绝”按钮
    handleReject() {
      this.contactsFlag = false;
      uni.showToast({ title: '已拒绝通讯录权限', icon: 'none' });
      // 可根据业务需求处理拒绝后的逻辑（如限制功能使用）
    },
    go_auth () {
      let goUrl = ''
      if(this.userInfo.idcard_auth == 0){
        goUrl = '/pages/idcard/idcard'
      } else if(this.userInfo.face_auth == 0){
        goUrl = '/pages/face/face'
      } else if(this.userInfo.job_auth == 0){
        goUrl = '/pages/job/job'
      } else if(this.userInfo.bank_auth == 0){
        goUrl = '/pages/addBank/addBank?backUrl=/pages/edu/edu'
      }
      console.log(goUrl);
      if(goUrl != '') {
        uni.navigateTo({
          url: goUrl
        })
      }else{
        this.$refs.popup2.close()
        uni.showToast({
          title: '无法认证!',
          icon: 'error'
        })
      }
    },
         goLingqu () {
            if(!this.$util.checkLogin('/pages/index/index')){
               return
      if(!this.userInfo){
        return uni.showToast({
          title: '请先登录!',
          icon: 'error'
        })
            }
            if(this.userInfo && this.userInfo.over_auth == 1) {
               return uni.showToast({
@@ -257,7 +273,17 @@
               this.$util.goSetting()
            }
         },   
			
    getData () {
      this.$util.post('Goods/getIndexData').then(res => {
        this.bannerData = res.data.bannerData
        this.catesNavData = res.data.catesNavData
        this.catesHotData = res.data.catesHotData
      this.hotGoods = res.data.hotGoods
      this.newGoods = res.data.newGoods
      this.hotCates = res.data.hotCates
      console.log('this.hotCates',this.hotCates)
      })
    },
         setContacts () {
            uni.showLoading({
               title: '授权中...'
@@ -302,3 +328,75 @@
<style>
   @import url(@/static/css/index.css);
</style>
<style lang="scss">
.uni-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  overflow: hidden;
  &__wrapper {
    position: absolute;
    z-index: 9999999;
    /* #ifndef APP-NVUE */
    box-sizing: border-box;
    /* #endif */
    &.ani {
      /* #ifndef APP-NVUE */
      transition: all 0.3s;
      /* #endif */
    }
    &.top {
      top: 0;
      width:705rpx;
      /* #ifdef APP-NVUE */
      left:22.5rpx;
      /* #endif */
      /* #ifndef APP-NVUE */
      left:0;
      transform: translateY(-705rpx);
      /* #endif */
    }
    &-box {
      position: relative;
      /* #ifndef APP-NVUE */
      box-sizing: border-box;
      /* #endif */
    }
    &.uni-custom {
      & .uni-popup__wrapper-box {
        width: 705rpx;
        /* #ifndef APP-NVUE */
        margin: 0 22.5rpx;
        /* #endif */
        padding: 30upx;
        background: #fff;
        z-index:9999;
        border: solid 2rpx #ddd;
        /* #ifndef APP-NVUE */
        box-sizing: border-box;
        /* #endif */
        border-radius: 16rpx;
        .title{
          font-size: 32rpx;
          font-weight: bold;
        }
        .content{
          margin-top: 16rpx;
          line-height: 1.6;
        }
      }
      &.top{
        & .uni-popup__wrapper-box {
          width: 705rpx;
        }
      }
    }
    &.uni-top{
      transform: translateY(0);
    }
  }
}
</style>