|
|
|
|
@ -6,25 +6,23 @@ |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<view class="flex-1 h-58 flex-y-center rd-30rpx bgfot px-32" @tap="goSearch"> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<!-- #ifndef MP --> |
|
|
|
|
<view class="w-full h-58 flex-y-center rd-30rpx bg--w111-f5f5f5 px-32" @tap="goSearch"> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<text class="iconfont icon-ic_search fs-28"></text> |
|
|
|
|
<text class="fs-24 pl-18">请输入商品名称</text> |
|
|
|
|
<!-- #ifndef MP --> |
|
|
|
|
<view class="w-full h-58 flex-y-center rd-30rpx bg--w111-f5f5f5 px-32" @tap="goSearch"> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<text class="iconfont icon-ic_search fs-28"></text> |
|
|
|
|
<text class="fs-24 pl-18">请输入商品名称</text> |
|
|
|
|
</view> |
|
|
|
|
<!-- 胶囊占据的位置 --> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<view class="ml-12" :style="'width:'+getHeight.barWidth+'px'"></view> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
</view> |
|
|
|
|
<!-- 胶囊占据的位置 --> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<view class="ml-12" :style="'width:'+getHeight.barWidth+'px'"></view> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="scroll_box flex flex-1"> |
|
|
|
|
<view class="w-168 h-full"> |
|
|
|
|
<scroll-view :scroll-top="0" scroll-y="true" class="h-full"> |
|
|
|
|
<view class="w-168 h-96 flex-center fs-26 colorhui1" |
|
|
|
|
v-for="(item,index) in categoryList":key="index" |
|
|
|
|
:class="index == navActive?'aside_active':''" |
|
|
|
|
@tap="tapNav(index,item)"> |
|
|
|
|
<view class="w-168 h-96 flex-center fs-26 colorhui1" v-for="(item,index) in categoryList" |
|
|
|
|
:key="index" :class="index == navActive?'aside_active':''" @tap="tapNav(index,item)"> |
|
|
|
|
<view class="top-ra"> |
|
|
|
|
<text></text> |
|
|
|
|
</view> |
|
|
|
|
@ -67,8 +65,7 @@ |
|
|
|
|
<easy-loadimage |
|
|
|
|
:image-src="item.recommend_image ? item.recommend_image : item.image" |
|
|
|
|
:borderSrc="item.recommend_image ? '' :item.activity_frame.image" |
|
|
|
|
width="540rpx" |
|
|
|
|
:height="item.recommend_image ? '216rpx' : '540rpx'" |
|
|
|
|
width="540rpx" :height="item.recommend_image ? '216rpx' : '540rpx'" |
|
|
|
|
borderRadius="20rpx 20rpx 0 0"></easy-loadimage> |
|
|
|
|
<view class="bg--w111-fff rd-b-20rpx pt-16 pl-24 pr-24 pb-24"> |
|
|
|
|
<view class="w-full line2 fs-28 text--w111-333 lh-40rpx">{{item.store_name}} |
|
|
|
|
@ -84,7 +81,9 @@ |
|
|
|
|
class="w-172 h-58 rd-30rpx bg-color flex-center fs-24 text--w111-fff relative" |
|
|
|
|
v-if="item.spec_type" @tap.stop="goCartDuo(item)"> |
|
|
|
|
<text>{{item.cart_button == 0 ? '立即购买' : '加入购物车'}}</text> |
|
|
|
|
<uni-badge class="badge-style" :custom-style="{background: 'var(--view-theme)'}" v-if="item.cart_num > 0" :text="item.cart_num"></uni-badge> |
|
|
|
|
<uni-badge class="badge-style" |
|
|
|
|
:custom-style="{background: 'var(--view-theme)'}" |
|
|
|
|
v-if="item.cart_num > 0" :text="item.cart_num"></uni-badge> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="!item.spec_type && !item.cart_num"> |
|
|
|
|
<view |
|
|
|
|
@ -113,23 +112,16 @@ |
|
|
|
|
<view v-else-if="showType == 4"> |
|
|
|
|
<view class="mb-24 flex justify-between bgfot pd20" v-for="(item,index) in tempArr" |
|
|
|
|
:key="index" @tap="goDetail(item)"> |
|
|
|
|
<easy-loadimage |
|
|
|
|
:image-src="item.image" |
|
|
|
|
:borderSrc="item.activity_frame.image" |
|
|
|
|
width="176rpx" |
|
|
|
|
height="176rpx" |
|
|
|
|
borderRadius="16rpx"></easy-loadimage> |
|
|
|
|
<easy-loadimage :image-src="item.image" :borderSrc="item.activity_frame.image" |
|
|
|
|
width="176rpx" height="176rpx" borderRadius="16rpx"></easy-loadimage> |
|
|
|
|
<view class="flex-1 flex-col justify-between"> |
|
|
|
|
<view class="w-full"> |
|
|
|
|
<view class="line1 w-346 fs-28 colorfff lh-40rpx pl-12">{{item.store_name}}</view> |
|
|
|
|
<view class="line1 w-346 fs-28 colorfff lh-40rpx pl-12"> |
|
|
|
|
{{item.store_name}}</view> |
|
|
|
|
<view class="flex items-end flex-wrap mt-12 w-full"> |
|
|
|
|
<BaseTag |
|
|
|
|
:text="label.label_name" |
|
|
|
|
:color="label.color" |
|
|
|
|
:background="label.bg_color" |
|
|
|
|
:borderColor="label.border_color" |
|
|
|
|
:circle="label.border_color ? true : false" |
|
|
|
|
:imgSrc="label.icon" |
|
|
|
|
<BaseTag :text="label.label_name" :color="label.color" |
|
|
|
|
:background="label.bg_color" :borderColor="label.border_color" |
|
|
|
|
:circle="label.border_color ? true : false" :imgSrc="label.icon" |
|
|
|
|
v-for="(label, idx) in item.store_label" :key="idx"></BaseTag> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -146,15 +138,14 @@ |
|
|
|
|
<image src="@/static/img/flgwc.png" mode="" class="wh44"></image> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="!item.spec_type && !item.cart_num"> |
|
|
|
|
<view |
|
|
|
|
class="flex-center w-48 h-48 rd-30rpx colorhui1 " |
|
|
|
|
<view class="flex-center w-48 h-48 rd-30rpx colorhui1 " |
|
|
|
|
@tap.stop="goCartDan(item,index)"> |
|
|
|
|
<image src="@/static/img/flgwc.png" mode="" class="wh44"></image> |
|
|
|
|
<image src="@/static/img/flgwc.png" mode="" class="wh44"> |
|
|
|
|
</image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="flex-y-center" v-if="!item.spec_type && item.cart_num"> |
|
|
|
|
<view |
|
|
|
|
class="flex-center w-48 h-48 rd-30rpx colorhui1" |
|
|
|
|
<view class="flex-center w-48 h-48 rd-30rpx colorhui1" |
|
|
|
|
@tap.stop="ChangeCartNumDan(false,index,item)"> |
|
|
|
|
<text class="iconfont icon-ic_Reduce fs-32"></text> |
|
|
|
|
</view> |
|
|
|
|
@ -169,7 +160,7 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="!tempArr.length && !loading"> |
|
|
|
|
<emptyPage title="暂无商品，去看点别的吧～" ></emptyPage> |
|
|
|
|
<emptyPage title="暂无商品，去看点别的吧～"></emptyPage> |
|
|
|
|
</view> |
|
|
|
|
<view class="white-box"></view> |
|
|
|
|
</scroll-view> |
|
|
|
|
@ -180,7 +171,8 @@ |
|
|
|
|
<view class="h-96 footer bgfot" :class="isFooter == 1 ? 'show-footer' : ''"> |
|
|
|
|
<view class="w-100 h-100 rd-50rpx bg-color-huang flex-center abs-lt top-2 ml--4" @tap="openCart"> |
|
|
|
|
<image src="@/static/img/flgwc.png" class="wh100 colorhei"></image> |
|
|
|
|
<uni-badge class="badge-style" :custom-style="{background: '#D64D22'}" v-if="cartNum > 0" :text="cartNum"></uni-badge> |
|
|
|
|
<uni-badge class="badge-style" :custom-style="{background: '#D64D22'}" v-if="cartNum > 0" |
|
|
|
|
:text="cartNum"></uni-badge> |
|
|
|
|
</view> |
|
|
|
|
<view class="w-710 h-full flex-between-center overflow cart_box" :class="{ open: footerOpen }"> |
|
|
|
|
<view class="flex-y-center" @tap="getCartList(0)"> |
|
|
|
|
@ -191,7 +183,8 @@ |
|
|
|
|
class="iconfont icon-ic_uparrow fs-24"></text> </view> --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="w-186 h-72 lh-72rpx text-center rd-40rpx colorhei bg-color-huang fs-26 fw-500 bg-gradient1 mr-12" |
|
|
|
|
<view |
|
|
|
|
class="w-186 h-72 lh-72rpx text-center rd-40rpx colorhei bg-color-huang fs-26 fw-500 bg-gradient1 mr-12" |
|
|
|
|
@tap="subOrder">去结算({{cartNum}})</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -201,62 +194,65 @@ |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<view class="flex-1 h-58 flex-y-center rd-30rpx bg--w111-f5f5f5 px-32" @tap="goSearch"> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<!-- #ifndef MP --> |
|
|
|
|
<view class="w-full h-58 flex-y-center rd-30rpx bg--w111-f5f5f5 px-32" @tap="goSearch"> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<text class="iconfont icon-ic_search fs-28"></text> |
|
|
|
|
<text class="fs-24 text--w111-999 pl-18">请输入商品名称</text> |
|
|
|
|
<!-- #ifndef MP --> |
|
|
|
|
<view class="w-full h-58 flex-y-center rd-30rpx bg--w111-f5f5f5 px-32" @tap="goSearch"> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<text class="iconfont icon-ic_search fs-28"></text> |
|
|
|
|
<text class="fs-24 text--w111-999 pl-18">请输入商品名称</text> |
|
|
|
|
</view> |
|
|
|
|
<!-- 胶囊占据的位置 --> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<view class="ml-12" :style="'width:'+getHeight.barWidth+'px'"></view> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
</view> |
|
|
|
|
<!-- 胶囊占据的位置 --> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<view class="ml-12" :style="'width:'+getHeight.barWidth+'px'"></view> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="pt-32 pl-30 pr-30"> |
|
|
|
|
<view> |
|
|
|
|
<view class="fs-32 text--w111-333" v-if="categoryErList.length"> |
|
|
|
|
{{categoryErList[tabClick].cate_name}} |
|
|
|
|
</view> |
|
|
|
|
<view class="grid-column-4 grid-gap-24rpx mt-24"> |
|
|
|
|
<view class="w-154 h-56 rd-30rpx flex-center fs-24 text--w111-333 bg--w111-f5f5f5" |
|
|
|
|
v-for="(item,index) in categoryErList" :key="index" @tap="longClick(index,item)" |
|
|
|
|
:class="index===tabClick?'cate_active':''"> |
|
|
|
|
{{item.cate_name}} |
|
|
|
|
<view class="pt-32 pl-30 pr-30"> |
|
|
|
|
<view> |
|
|
|
|
<view class="fs-32 text--w111-333" v-if="categoryErList.length"> |
|
|
|
|
{{categoryErList[tabClick].cate_name}} |
|
|
|
|
</view> |
|
|
|
|
<view class="grid-column-4 grid-gap-24rpx mt-24"> |
|
|
|
|
<view class="w-154 h-56 rd-30rpx flex-center fs-24 text--w111-333 bg--w111-f5f5f5" |
|
|
|
|
v-for="(item,index) in categoryErList" :key="index" @tap="longClick(index,item)" |
|
|
|
|
:class="index===tabClick?'cate_active':''"> |
|
|
|
|
{{item.cate_name}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="flex-center fs-24 text--w111-999 h-80 mt-32" @tap="closeCateDrawer"> |
|
|
|
|
<text>点击收起 <text class="iconfont icon-ic_uparrow fs-24 pl-4"></text> </text> |
|
|
|
|
<view class="flex-center fs-24 text--w111-999 h-80 mt-32" @tap="closeCateDrawer"> |
|
|
|
|
<text>点击收起 <text class="iconfont icon-ic_uparrow fs-24 pl-4"></text> </text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mask" v-show="showCateDrawer" @tap="closeCateDrawer"></view> |
|
|
|
|
<cartList :cartData="cartData" :isFooter='isFooter' @closeList="closeList" |
|
|
|
|
@ChangeCartNumDan="ChangeCartList" @ChangeSubDel="ChangeSubDel" @ChangeOneDel="ChangeOneDel"> |
|
|
|
|
</cartList> |
|
|
|
|
<productWindow :attr="attr" :isShow='1' :iSplus='1' :iScart='1' :is_vip="is_vip" :type="2" |
|
|
|
|
@myevent="onMyEvent" @ChangeAttr="ChangeAttr" @ChangeCartNum="ChangeCartNumDuo" @attrVal="attrVal" |
|
|
|
|
@iptCartNum="iptCartNum" @goCat="goCatNum" @getImg="showImg" id='product-window'></productWindow> |
|
|
|
|
<cusPreviewImg ref="cusPreviewImg" :list="skuArr" @changeSwitch="changeSwitch"></cusPreviewImg> |
|
|
|
|
<uni-popup ref="popup" type="center"> |
|
|
|
|
<view class="popupbox"> |
|
|
|
|
<text style="float: right;" class="iconfont iconfont icon-ic_close fs-44 colorhui1" @click="close"></text> |
|
|
|
|
<image src="https://bar.jiuhaosh.cn/static/sbgx.png" mode="" class="popupboximg"></image> |
|
|
|
|
<view class="neir"> |
|
|
|
|
购买商品需要成为会员 |
|
|
|
|
<br /> |
|
|
|
|
才可以购买哦~ |
|
|
|
|
</view> |
|
|
|
|
<view class="huiyuanbtn" @click="chuiyuan">我要充会员</view> |
|
|
|
|
</view> |
|
|
|
|
</uni-popup> |
|
|
|
|
</view> |
|
|
|
|
<view class="mask" v-show="showCateDrawer" @tap="closeCateDrawer"></view> |
|
|
|
|
<cartList :cartData="cartData" :isFooter='isFooter' @closeList="closeList" |
|
|
|
|
@ChangeCartNumDan="ChangeCartList" @ChangeSubDel="ChangeSubDel" @ChangeOneDel="ChangeOneDel"> |
|
|
|
|
</cartList> |
|
|
|
|
<productWindow |
|
|
|
|
:attr="attr" |
|
|
|
|
:isShow='1' |
|
|
|
|
:iSplus='1' |
|
|
|
|
:iScart='1' |
|
|
|
|
:is_vip="is_vip" |
|
|
|
|
:type="2" |
|
|
|
|
@myevent="onMyEvent" |
|
|
|
|
@ChangeAttr="ChangeAttr" |
|
|
|
|
@ChangeCartNum="ChangeCartNumDuo" |
|
|
|
|
@attrVal="attrVal" |
|
|
|
|
@iptCartNum="iptCartNum" |
|
|
|
|
@goCat="goCatNum" |
|
|
|
|
@getImg="showImg" |
|
|
|
|
id='product-window' ></productWindow> |
|
|
|
|
<cusPreviewImg ref="cusPreviewImg" :list="skuArr" @changeSwitch="changeSwitch"></cusPreviewImg> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
let windowHeight = uni.getSystemInfoSync().screenHeight; |
|
|
|
|
let sysHeight = uni.getSystemInfoSync().statusBarHeight; |
|
|
|
|
import { |
|
|
|
|
getUserInfo |
|
|
|
|
} from '@/api/user.js'; |
|
|
|
|
import { |
|
|
|
|
getCategoryList, |
|
|
|
|
getProductslist, |
|
|
|
|
@ -289,14 +285,15 @@ |
|
|
|
|
type: Number, |
|
|
|
|
default: 1 |
|
|
|
|
}, |
|
|
|
|
isFooter:{ |
|
|
|
|
isFooter: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
windowHeight: this.isFooter?windowHeight:windowHeight-50, |
|
|
|
|
userInfo: {}, |
|
|
|
|
windowHeight: this.isFooter ? windowHeight : windowHeight - 50, |
|
|
|
|
showCateDrawer: false, |
|
|
|
|
sysHeight: sysHeight, |
|
|
|
|
categoryList: [], |
|
|
|
|
@ -343,7 +340,7 @@ |
|
|
|
|
selectSku: {}, |
|
|
|
|
skuArr: [], |
|
|
|
|
getHeight: this.$util.getWXStatusHeight(), |
|
|
|
|
footerOpen:true |
|
|
|
|
footerOpen: true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
@ -360,11 +357,12 @@ |
|
|
|
|
...mapGetters(['isLogin', 'uid', 'cartNum']), |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
this.getUserInfo() |
|
|
|
|
this.getAllCategory(); |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.getScrollHeight(); |
|
|
|
|
}, 500) |
|
|
|
|
if(this.isLogin){ |
|
|
|
|
if (this.isLogin) { |
|
|
|
|
this.getCartList(1); |
|
|
|
|
} |
|
|
|
|
uni.$off('newAttrNum'); |
|
|
|
|
@ -391,8 +389,8 @@ |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
this.cartData.cartList.forEach((item)=>{ |
|
|
|
|
data.forEach(j=>{ |
|
|
|
|
this.cartData.cartList.forEach((item) => { |
|
|
|
|
data.forEach(j => { |
|
|
|
|
if (item.id == j.id) { |
|
|
|
|
item.cart_num = 0 |
|
|
|
|
} |
|
|
|
|
@ -403,10 +401,11 @@ |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
openCart(){ |
|
|
|
|
if(this.footerOpen){ |
|
|
|
|
|
|
|
|
|
openCart() { |
|
|
|
|
if (this.footerOpen) { |
|
|
|
|
this.getCartList(0) |
|
|
|
|
}else{ |
|
|
|
|
} else { |
|
|
|
|
this.footerOpen = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -418,10 +417,10 @@ |
|
|
|
|
let that = this; |
|
|
|
|
getCategoryList().then(res => { |
|
|
|
|
if (!res.data.length) return |
|
|
|
|
res.data.map(item=>{ |
|
|
|
|
if(item.children && item.children.length){ |
|
|
|
|
res.data.map(item => { |
|
|
|
|
if (item.children && item.children.length) { |
|
|
|
|
item.children.unshift({ |
|
|
|
|
id:item.id, |
|
|
|
|
id: item.id, |
|
|
|
|
cate_name: '全部商品' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
@ -515,25 +514,47 @@ |
|
|
|
|
}) |
|
|
|
|
return list.includes(0) ? true : false |
|
|
|
|
}, |
|
|
|
|
/* |
|
|
|
|
* 获取用户信息 |
|
|
|
|
*/ |
|
|
|
|
getUserInfo: function() { |
|
|
|
|
console.log(123); |
|
|
|
|
let that = this; |
|
|
|
|
getUserInfo().then(res => { |
|
|
|
|
that.userInfo = res.data; |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
chuiyuan(){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:'/pages/annex/vip_paid/index' |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
close(){ |
|
|
|
|
this.$refs.popup.close('center') |
|
|
|
|
}, |
|
|
|
|
// 生成订单； |
|
|
|
|
subOrder() { |
|
|
|
|
let that = this, |
|
|
|
|
list = that.cartData.cartList, |
|
|
|
|
ids = []; |
|
|
|
|
if (list.length) { |
|
|
|
|
list.forEach(item => { |
|
|
|
|
if (item.attrStatus && item.status) { |
|
|
|
|
ids.push(item.id) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/goods/order_confirm/index?cartId=' + ids.join(',') |
|
|
|
|
}); |
|
|
|
|
that.cartData.iScart = false; |
|
|
|
|
if (!this.userInfo.pay_vip_status) { |
|
|
|
|
this.$refs.popup.open('center') |
|
|
|
|
} else { |
|
|
|
|
return that.$util.Tips({ |
|
|
|
|
title: '请选择产品' |
|
|
|
|
}); |
|
|
|
|
let that = this, |
|
|
|
|
list = that.cartData.cartList, |
|
|
|
|
ids = []; |
|
|
|
|
if (list.length) { |
|
|
|
|
list.forEach(item => { |
|
|
|
|
if (item.attrStatus && item.status) { |
|
|
|
|
ids.push(item.id) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/goods/order_confirm/index?cartId=' + ids.join(',') |
|
|
|
|
}); |
|
|
|
|
that.cartData.iScart = false; |
|
|
|
|
} else { |
|
|
|
|
return that.$util.Tips({ |
|
|
|
|
title: '请选择产品' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 计算总价； |
|
|
|
|
@ -573,8 +594,8 @@ |
|
|
|
|
this.$store.commit('indexData/setCartNum', res.data.count) |
|
|
|
|
this.totalPrice = res.data.sum_price; |
|
|
|
|
// 删除购物车回到分类页确保数据更新 |
|
|
|
|
if(res.data.count<=0){ |
|
|
|
|
this.tempArr.forEach((item)=>{ |
|
|
|
|
if (res.data.count <= 0) { |
|
|
|
|
this.tempArr.forEach((item) => { |
|
|
|
|
item.cart_num = 0 |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
@ -669,21 +690,58 @@ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
/deep/.base-tag{ |
|
|
|
|
.popupbox{ |
|
|
|
|
width: 600rpx; |
|
|
|
|
height: 500rpx; |
|
|
|
|
background: #1C1A1F; |
|
|
|
|
box-shadow: 0rpx 5rpx 16rpx 0rpx rgba(6,3,14,0.39); |
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
padding: 20rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
.popupboximg{ |
|
|
|
|
width: 171rpx; |
|
|
|
|
height: 189rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
.neir{ |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
line-height: 56rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
.huiyuanbtn{ |
|
|
|
|
width: 400rpx; |
|
|
|
|
height: 80rpx; |
|
|
|
|
background: #F8BF1F; |
|
|
|
|
border-radius: 40rpx; |
|
|
|
|
margin: 50rpx auto; |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #080313; |
|
|
|
|
line-height: 80rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/deep/.base-tag { |
|
|
|
|
background-color: #f5f5f5; |
|
|
|
|
} |
|
|
|
|
.bntCon{ |
|
|
|
|
|
|
|
|
|
.bntCon { |
|
|
|
|
position: relative; |
|
|
|
|
&:before{ |
|
|
|
|
|
|
|
|
|
&:before { |
|
|
|
|
position: absolute; |
|
|
|
|
content: ''; |
|
|
|
|
width: 6rpx; |
|
|
|
|
height: 80rpx; |
|
|
|
|
background: radial-gradient( rgba(0,0,0,0.082) 0%, rgba(0,0,0,0) 100%); |
|
|
|
|
left:-22rpx; |
|
|
|
|
background: radial-gradient(rgba(0, 0, 0, 0.082) 0%, rgba(0, 0, 0, 0) 100%); |
|
|
|
|
left: -22rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll_box { |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
@ -709,7 +767,7 @@ |
|
|
|
|
// transform: translateY(-50%); |
|
|
|
|
// border-radius: 0 10rpx 10rpx 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .top-ra{ |
|
|
|
|
// width: 32rpx; |
|
|
|
|
// height: 32rpx; |
|
|
|
|
@ -753,8 +811,8 @@ |
|
|
|
|
background: var(--view-minorColorT); |
|
|
|
|
border: 1rpx solid var(--view-theme); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.footer{ |
|
|
|
|
|
|
|
|
|
.footer { |
|
|
|
|
position: fixed; |
|
|
|
|
/* #ifdef H5 */ |
|
|
|
|
bottom: 140rpx; |
|
|
|
|
@ -773,12 +831,13 @@ |
|
|
|
|
background-color: #1B1A1D; |
|
|
|
|
padding-left: 94rpx; |
|
|
|
|
transition: 0.3s; |
|
|
|
|
&.open{ |
|
|
|
|
|
|
|
|
|
&.open { |
|
|
|
|
width: 710rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.show-footer{ |
|
|
|
|
.show-footer { |
|
|
|
|
/* #ifdef MP || APP-PLUS */ |
|
|
|
|
bottom: calc(140rpx + env(safe-area-inset-bottom)); |
|
|
|
|
/* #endif */ |
|
|
|
|
@ -841,20 +900,24 @@ |
|
|
|
|
.w-346 { |
|
|
|
|
width: 346rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.badge-style { |
|
|
|
|
position: absolute; |
|
|
|
|
top: -2rpx; |
|
|
|
|
right: -14rpx; |
|
|
|
|
|
|
|
|
|
/deep/ .uni-badge--error { |
|
|
|
|
background-color: var(--view-theme) !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.uni-badge { |
|
|
|
|
color: var(--view-theme); |
|
|
|
|
border: 1px solid var(--view-theme); |
|
|
|
|
z-index: 29; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.white-box{ |
|
|
|
|
|
|
|
|
|
.white-box { |
|
|
|
|
height: calc(300rpx + env(safe-area-inset-bottom)); |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</style> |
LGX
3 months ago