| | |
| | |  |
| | | </view> |
| | | <view class="titleBox rowCen" :style="'color:'+ (scrollTop<fiexdtop?'#DD2425;':'#ffffff;')"> |
| | | 天猫 |
| | | |
| | | </view> |
| | | <view class="rightEmpty"> |
| | | </view> |
| | |
| | | <view class="search-region colCen"> |
| | | <view class="pageTitle-bar rowCenCen"> |
| | | <view class="leftIcon defIcon"> |
| | | <image src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/tmlogo.png" mode="aspectFill"></image> |
| | | <image src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/tblogo.jpeg" mode="aspectFill"></image> |
| | | </view> |
| | | <view class="titleInfo colSta"> |
| | | <view class="topfont"> |
| | | 天猫优惠券大放送 |
| | | 淘宝优惠券大放送 |
| | | </view> |
| | | <view class="bottomfont"> |
| | | 先领券 再购物 省千元 |
| | |
| | | this.$u.api.getTopCalss({ctype:1,parentId:0}).then(e => { |
| | | console.log(e); |
| | | if(e.code != 0)return that.$alert(e.msg) |
| | | e.data.list.unshift({cid:"-1",cname:"天猫超市",ctype:"1"}); |
| | | e.data.list.unshift({cid:"0",cname:"全部",ctype:"1"}); |
| | | |
| | | that.navList = e.data.list; |
| | | that.nowCurrent = that.navList[0].cid |
| | | that.getData() |
| | |
| | | getData() { |
| | | var that = this; |
| | | var cateid=that.nowCurrent=="0"?"":that.nowCurrent; |
| | | var tchaoshi=cateid==-1?1:0; |
| | | this.$u.api.getTbGoodsList({ |
| | | cateId: cateid, |
| | | page: this.pageCurrent, |
| | | pageSize: 10 |
| | | pageSize: 10, |
| | | tchaoshi:tchaoshi |
| | | }).then(e => { |
| | | console.log(e); |
| | | if (e.code != 0) return that.$alert(e.msg) |
| | |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 110; |
| | | background: linear-gradient(266deg, #E7251C, #E7251C); |
| | | background: linear-gradient(266deg, #F97B24, #F97B24); |
| | | |
| | | .headerBar-container { |
| | | width: 100%; |
| | |
| | | width: 100%; |
| | | height: 340rpx; |
| | | padding: 0 75rpx; |
| | | background: linear-gradient(266deg, #E7251C, #E7251C); |
| | | background: linear-gradient(266deg, #F97B24, #F97B24); |
| | | |
| | | .pageTitle-bar { |
| | | width: 100%; |
| | |
| | | .right-btn { |
| | | width: 116rpx; |
| | | height: 60rpx; |
| | | background: linear-gradient(266deg, #FF012E, #FF1017); |
| | | background: linear-gradient(266deg, #F97B24, #F97B24); |
| | | border-radius: 30rpx; |
| | | font-size: 24rpx; |
| | | font-weight: 500; |
| | |
| | | |
| | | .goods-items { |
| | | width: 336rpx; |
| | | height: 526rpx; |
| | | height: 546rpx; |
| | | margin-bottom: 20rpx; |
| | | |
| | | .items-container { |