123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390 |
- <template>
- <view class="activity" :class="isRequest ? 'active' :''">
- <view class="topBanner">
- <image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-topbanner%402x.png" mode=""></image>
- </view>
- <view class="activity-main clearfix">
- <view class="home-hotmaintab-fixed">
- <view class="home-flex-tab show">
- <view class="flex text-white">
- <view class="basis-xxl">
- <scroll-view scroll-x class="nav z" scroll-with-animation :scroll-left="headTab.scrollLeft">
- <block v-for="(item,index) in headTab.list" :key="index">
- <view class="cu-item" :class="index==headTab.TabCur?'select':''" @tap="tabSelect(index,item)" :data-id="index">
- <view>{{item}}</view>
- <view class="tab-dot bg-white"/>
- </view>
- </block>
- </scroll-view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="activity-container">
- <view class="activity-section one clearfix" v-for="(item, index) in dataList">
- <view class="section-title">{{item.name}}</view>
- <view class="section-main">
- <view class="product-list" v-for="(pros, index) in item.productList" :key="index" @click.stop="navToDetailPage(item.productID)">
- <view class="list-rebate">{{pros.activityDiscount}}折</view>
- <view class="list-image">
- <image :src="pros.mainImage" mode=""></image>
- </view>
- <view class="list-name">{{pros.name}}</view>
- <template v-if="hasLogin">
- <template v-if="userIdentity != 2">
- <view class="list-price none">
- <view class="price-left">
- <text class="icon"></text>
- <text class="none">¥<text>???</text></text>
- </view>
- <view class="price-right">
- <view class="login-btn" @click.stop="this.$api.navigateTo(`/pages/login/apply?clubStatus=${clubStatus}`)">去升级</view>
- </view>
- </view>
- </template>
- <template v-else>
- <view class="list-price">
- <view class="price-new">¥<text class="big">{{pros.retailPrice}}</text><text>.00</text></view>
- <view class="price-old">¥<text class="big">{{pros.price1}}</text><text>.00</text></view>
- </view>
- </template>
- </template>
- <template v-else>
- <view class="list-price none">
- <view class="price-left">
- <text class="icon"></text>
- <text class="none">¥<text>???</text></text>
- </view>
- <view class="price-right">
- <view class="login-btn" @click="navigator()">登录</view>
- </view>
- </view>
- </template>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import { mapState,mapMutations} from 'vuex';
- import authorize from '@/common/config/authorize.js'
- export default {
- data() {
- return {
- topBanner:'',
- userIdentity:'',
- clubStatus:'',
- isRequest:true,
- headTab: {
- TabCur: 0,
- scrollLeft: 0,
- list: [],
- },
- dataList:[]
- }
- },
- onLoad(option) {
- console.log(option)
- this.activityPath = option.path
- this.productID = option.productID
- uni.setNavigationBarTitle({title:'采美商城年中促销'});
- let number = 19200.26
- let value2Array = number.toString().split(".");
- console.log(value2Array)
- },
- computed: {
- ...mapState(['hasLogin','userInfo'])
- },
- methods:{
- initData(){
- this.ActivityService.GetRepeatActivityBrandList().then(response =>{
- console.log(response)
- let data = response.data
- this.headTab.list = data.brandNames
- this.dataList = data.brandList
- }).catch(error =>{
- this.$util.msg(error.msg,2000)
- })
- },
- //tab菜单被点击
- tabSelect(index,item) {
- this.headTab.TabCur = index;
- this.headTab.scrollLeft = (index - 1) * 60;
- },
- navToDetailPage(id) {//跳转商品详情页
- this.$api.navigateTo(`/pages/goods/product?id=${id}`)
- },
- navigator(){
- authorize.getSetting().then(wxResponse =>{// console.log('是否已授权',res);//0:为取消授权 1:为已授权 2:为未操作
- if(wxResponse == 1){
- this.$api.navigateTo('/pages/login/login?type=0')
- }else{
- this.$api.navigateTo('/pages/authorization/authorization?type=1')
- }
- })
- },
- },
- onPullDownRefresh() {//下拉刷新
- uni.stopPullDownRefresh()
- },
- onShow() {
- this.$api.getComStorage('userInfo').then((resolve) =>{
- this.clubStatus = resolve.clubStatus
- this.userIdentity = resolve.userIdentity
- this.initData()
- })
- }
- }
- </script>
-
- <style lang="scss">
- view,
- scroll-view,
- swiper,
- button,
- input,
- textarea,
- label,
- navigator{
- box-sizing: border-box;
- }
- .activity{
- width: 100%;
- height: auto;
- padding-bottom:60rpx;
- background:rgba(242,94,58,1);
- opacity: 0;
- &.active{
- opacity: 1;
- }
- }
- .topBanner{
- width: 100%;
- height: 880rpx;
- image{
- width: 100%;
- height: 100%;
- }
- }
- .activity-container{
- width: 100%;
- height: auto;
- padding: 0 24rpx;
- .activity-section{
- width: 100%;
- height: auto;
- .section-title{
- width: 100%;
- height: 88rpx;
- line-height: 88rpx;
- text-align: center;
- color: #FFFFFF;
- font-size:$font-size-32 ;
- letter-spacing:4rpx;
- float: left;
- background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-title%402x.png)no-repeat;
- background-size: contain;
- }
- .section-main{
- width: 100%;
- height: auto;
- float: left;
- padding: 0 0 20rpx 0;
- .product-list{
- width: 340rpx;
- height: 526rpx;
- padding: 20rpx;
- border-radius: 20rpx;
- background-color: #FFFFFF;
- float: left;
- margin-right:20rpx;
- margin-bottom: 20rpx;
- position: relative;
- &:nth-child(2n){
- margin-right: 0;
- }
- .list-rebate{
- width: 82rpx;
- height: 82rpx;
- position: absolute;
- top: 20rpx;
- left: 20rpx;
- background: url(data:image/png;base64,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)no-repeat;
- background-size: contain;
- line-height: 82rpx;
- text-align: center;
- font-size: $font-size-28;
- color: #FFFFFF;
- }
- .list-image{
- width: 300rpx;
- height: 300rpx;
- image{
- width: 300rpx;
- height: 300rpx;
- display: block;
- }
- }
- .list-name{
- width: 100%;
- height: 104rpx;
- padding: 10rpx 0;
- line-height: 42rpx;
- text-overflow:ellipsis;
- display: -webkit-box;
- word-break: break-all;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- font-size: $font-size-28;
- }
- .list-price{
- width: 100%;
- height: 60rpx;
- &.none{
- padding: 6rpx 0;
- margin-top: 20rpx;
- .price-left{
- float: left;
- .icon{
- display: block;
- width: 48rpx;
- height: 48rpx;
- background: url(data:image/png;base64,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)no-repeat center center;
- background-size: contain;
- float: left;
- }
- .none{
- display: block;
- font-size: $font-size-20;
- line-height: 48rpx;
- color: #4A4B54;
- float: left;
- font-weight: bold;
- margin-left: 5rpx;
- text{
- font-size: $font-size-32;
- }
- }
- }
- .price-right{
- float: right;
- .login-btn{
- width: 100rpx;
- height: 48rpx;
- background-color: #613FD2;
- border-radius: 24rpx;
- color: #FFFFFF;
- text-align: center;
- line-height: 48rpx;
- font-size: $font-size-26;
- font-weight: bold;
- }
- }
- }
- .price-new{
- width: 100%;
- height: 48rpx;
- line-height: 48rpx;
- font-size: $font-size-24;
- font-weight: bold;
- color: #FF5959;
- text-align: left;
- .big{
- font-size: $font-size-36;
- }
- }
- .price-old{
- width: 100%;
- height: 40rpx;
- line-height: 40rpx;
- font-size: $font-size-24;
- color: #252529;
- text-align: left;
- text-decoration: line-through;
- }
-
- }
- }
- }
- }
- }
- .home-hotmaintab-fixed{
- width: 100%;
- height:auto;
- overflow: hidden;
- background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-tbabg%402x.png)no-repeat;
- background-size: contain;
- padding-bottom: 20rpx;
- .home-flex-tab {
- width: 100%;
- position: relative;
- transition: opacity .25s;
- .text-white{
- color: #FFFFFF;
- }
- .flex {
- .basis-xxl {
- flex-basis: 100%;
- width: 100%;
- z-index: 1;
- }
- .basis-xxs {
- flex-basis: 10%;
- z-index: 1;
- width: 10%;
- }
- .sort-icon {
- font-size: 55rpx;
- height: 64rpx;
- line-height: 64rpx;
- text-align: center;
- }
- }
- }
- }
- .nav{
- white-space:nowrap;
- }
- .nav .cu-item {
- display: inline-block;
- margin: 0 10rpx;
- padding: 0 20rpx;
- letter-spacing: 2rpx;
- }
- .nav.z .cu-item.select {
- font-size: $font-size-32;
- font-weight: bold;
- color: #FFFFFF;
- }
- .nav.z .cu-item {
- height: 88rpx;
- font-size: $font-size-26;
- line-height: 88rpx;
- position: relative;
- }
- .nav.z .cu-item.select .tab-dot {
- position: absolute;
- height: 8rpx;
- border-radius: 20rpx;
- bottom: 0;
- left: 0;
- right: 0;
- width: 40rpx;
- margin: auto;
- }
- .bg-white{
- background-color: #FFFFFF;
- }
- ::-webkit-scrollbar {
- display: none;
- }
- .flex {
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- }
- </style>
|