shang/yfs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI

Browse Source
This commit is contained in:
18631081161 2025-03-25 22:27:54 +08:00
parent c14ef73398
commit a5e67e4f80
6 changed files with 95 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package/index/leitai.vue
View File

@ -1456,7 +1456,7 @@
.desc { .desc {
padding: 24rpx 18rpx 0; padding: 24rpx 18rpx 0;
font-size: 16rpx; font-size: 18rpx;
font-weight: 500; font-weight: 500;
color: #F39205; color: #F39205;
} }

6
package/index/lian-ji.vue
View File

@ -10,7 +10,7 @@
<!-- <view class="">{{$c.detailPageTitle((pageData && pageData.goods) || '')}}</view> --> <!-- <view class="">{{$c.detailPageTitle((pageData && pageData.goods) || '')}}</view> -->
</view> </view>
<view class="header-title center relative" style="z-index: 10;" :style="{top:$sys().statusBarHeight+'px'}"> <view class="center relative" style="z-index: 10;" :style="{top:$sys().statusBarHeight+'px'}">
<!-- <image :src="$img1('index/ljLeft.png')"></image> --> <!-- <image :src="$img1('index/ljLeft.png')"></image> -->
<text class="" style="padding-top: 20rpx;">连击赏</text> <text class="" style="padding-top: 20rpx;">连击赏</text>
<!-- <image :src="$img1('index/ljRight.png')"></image> --> <!-- <image :src="$img1('index/ljRight.png')"></image> -->
@ -64,7 +64,7 @@
<text class="goods-name hidden" style="">{{pageData.goods_list.data[swCur].title}}</text> <text class="goods-name hidden" style="">{{pageData.goods_list.data[swCur].title}}</text>
<view class="center swiperItemInfo" v-if="pageData&&pageData.goods_list.data[swCur]"> <view class="center swiperItemInfo" v-if="pageData&&pageData.goods_list.data[swCur]">
<text>￥{{pageData.goods_list.data[swCur].price}}/ <text style="font-size: 16rpx;">抽</text></text> <text>￥{{pageData.goods_list.data[swCur].price}}/ <text style="font-size: 18rpx;">抽</text></text>
</view> </view>
<view <view
@ -1024,7 +1024,7 @@
height: 750rpx; height: 750rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
margin-top: 150rpx; margin-top: 130rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
.half-tag { .half-tag {

68
pages/shouye/detail.vue
View File

@ -5,18 +5,23 @@
<view class="content"> <view class="content">
<view class="navLeft align-center" :style="{ top: $sys().statusBarHeight + 'px' }" @tap="$c.back(1)"> <view class="navLeft align-center" :style="{ top: $sys().statusBarHeight + 'px' }" @tap="$c.back(1)">
<uni-icons type="left" color="#000000"></uni-icons> <uni-icons type="left" color="#000000"></uni-icons>
<view class="" style="color: #000000; margin-left: 240rpx">
{{ $c.detailPageTitle((pageData && pageData.goods) || "") }}
</view>
</view> </view>
<view class="header relative" v-if="pageData && pageData.goods" :style="{
background: <view class="center relative" style="z-index: 10;" :style="{top:$sys().statusBarHeight+'px'}">
'url(' + pageData.goods.imgurl_detail + ') no-repeat 0 0 / 100% 100%', <text class=""
}"> style="padding-top: 20rpx;">{{ $c.detailPageTitle((pageData && pageData.goods) || "") }}</text>
</view>
<view class="header relative" v-if="pageData && pageData.goods"
:style="{background:'url(' + pageData.goods.imgurl_detail + ') no-repeat 0 0 / 100% 100%',}">
<view class="header-wuzhe flex" v-if="pageData.goods.is_shou_zhe == 1"> <view class="header-wuzhe flex" v-if="pageData.goods.is_shou_zhe == 1">
<image class="img100" :src="$img1('common/chouBanjia.png')" mode="aspectFit"></image> <image class="img100" :src="$img1('common/chouBanjia.png')" mode="aspectFit"></image>
</view> </view>
<view class="header-goodsTitel">{{ pageData.goods.title }}</view> <view class="header-goodsTitel">{{ pageData.goods.title }}</view>
<view class="header-suoxiang center" v-if=" <view class="header-suoxiang center" v-if="
pageData.goods.lock_is == 1 && pageData.goods.lock_is == 1 &&
pageData.lock_info.goods_lock_surplus_time > 0 pageData.lock_info.goods_lock_surplus_time > 0
@ -28,12 +33,9 @@
<image class="ml20" :src="$img1('index/suoxiang.png')" mode="aspectFit"></image> <image class="ml20" :src="$img1('index/suoxiang.png')" mode="aspectFit"></image>
<view class="ml30">倒计时：{{ secNum }}S</view> <view class="ml30">倒计时：{{ secNum }}S</view>
</view> </view>
<view class="header-title center" :style="{
background: <view class="header-title center"
'url(' + :style="{background:'url(' +$img1('common/chouTitle.png') +') no-repeat 0 0 / 100% 100%',}">
$img1('common/chouTitle.png') +
') no-repeat 0 0 / 100% 100%',
}">
<text> <text>
<template></template> <template></template>
</text> </text>
@ -46,12 +48,13 @@
<template v-if="pageData.goods.type != 5">/含明信片</template> <template v-if="pageData.goods.type != 5">/含明信片</template>
</text> </text>
</view> </view>
<collect-btn v-if="pageData && pageData.goods" :goods-id="pageData.goods.id" :goods-num="pageData.goods.num" <collect-btn v-if="pageData && pageData.goods" :goods-id="pageData.goods.id" :goods-num="pageData.goods.num"
:is-collected="pageData.goods.collection_is" @collection-changed="onCollectionChanged"></collect-btn> :is-collected="pageData.goods.collection_is" @collection-changed="onCollectionChanged"></collect-btn>
<view <view
style="width: 100%; height: 232rpx; position: absolute; bottom: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));"> style="width: 100%; height: 232rpx; position: absolute; bottom: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));" />
</view>
</view> </view>
<!--选项卡--> <!--选项卡-->
<detail-toolbar :goods-type="pageData.goods.type" :current-tab="tabCur" @rule-click="handleRuleClick" <detail-toolbar :goods-type="pageData.goods.type" :current-tab="tabCur" @rule-click="handleRuleClick"
@ -64,18 +67,15 @@
</view> </view>
</view> </view>
<view class=""> <view class="">
<view class="bgfff flex"> <view class="flex" style="background-color: #F5F5F5;">
<text :style="{ width: '80%' }"></text> <text :style="{ width: '80%' }"></text>
</view> </view>
<view class="align-center justify-between" v-if="pageData.goods"> <view class="align-center" v-if="pageData.goods">
<view class="align-center">第 <text>{{ pageData.goods.num }}</text> /{{ <view class="align-center">第 <text>{{ pageData.goods.num }}</text> /{{pageData.goods.stock}}箱
pageData.goods.stock
}}箱
</view> </view>
<view>赏品余量</view> <view style="margin-left: 58rpx;">赏品余量</view>
<view class="align-center"> <view class="align-center">
<text>{{ pageData.goods.goodslist_surplus_stock }}</text>/{{ pageData.goods.goodslist_stock <text>{{ pageData.goods.goodslist_surplus_stock }}</text>/{{ pageData.goods.goodslist_stock}}
}}
</view> </view>
</view> </view>
</view> </view>
@ -112,6 +112,8 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 中赏记录 -->
<template v-if="tabCur == 2"> <template v-if="tabCur == 2">
<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getLog" :down="downOption" <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getLog" :down="downOption"
:up="upOption"> :up="upOption">
@ -119,6 +121,7 @@
@sub-tab-change="subTabChange"></detail-prize-log> @sub-tab-change="subTabChange"></detail-prize-log>
</mescroll-body> </mescroll-body>
</template> </template>
<view v-if="pageData" class="ft-fixed justify-evenly"> <view v-if="pageData" class="ft-fixed justify-evenly">
<view class="btn common_bg column center" v-if="getBtnXianShi(1)" <view class="btn common_bg column center" v-if="getBtnXianShi(1)"
:style="{ backgroundImage: `url(${$img1('common/chouBtn1.png')})` }" @click="confirmSubmit([0, 1])"> :style="{ backgroundImage: `url(${$img1('common/chouBtn1.png')})` }" @click="confirmSubmit([0, 1])">
@ -725,7 +728,6 @@
height: 44px; height: 44px;
>view { >view {
// font-family: YouSheBiaoTiHei;
font-weight: 600; font-weight: 600;
font-size: 50rpx; font-size: 50rpx;
color: #ffffff; color: #ffffff;
@ -739,6 +741,7 @@
.header { .header {
width: 750rpx; width: 750rpx;
height: 722rpx; height: 722rpx;
margin-top: 130rpx;
background-color: #d8d8d8; background-color: #d8d8d8;
&-wuzhe { &-wuzhe {
@ -809,7 +812,7 @@
>text:nth-child(2n + 1) { >text:nth-child(2n + 1) {
font-weight: 400; font-weight: 400;
font-size: 16rpx; font-size: 18rpx;
color: #333333; color: #333333;
} }
@ -935,9 +938,7 @@
>view { >view {
>text { >text {
font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
font-size: 36rpx;
color: #333333; color: #333333;
} }
} }
@ -1040,7 +1041,7 @@
.desc { .desc {
padding: 24rpx 10rpx 0; padding: 24rpx 10rpx 0;
font-size: 16rpx; font-size: 18rpx;
font-weight: 300; font-weight: 300;
color: #f39205; color: #f39205;
} }
@ -1091,7 +1092,6 @@
align-items: center; align-items: center;
margin-bottom: 20rpx; margin-bottom: 20rpx;
font-size: 32rpx; font-size: 32rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
@ -1103,7 +1103,6 @@
>view { >view {
white-space: nowrap; white-space: nowrap;
font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
font-size: 52rpx; font-size: 52rpx;
color: #ffffff; color: #ffffff;
@ -1179,7 +1178,6 @@
.title { .title {
font-size: 20rpx; font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
margin-left: 24rpx; margin-left: 24rpx;
color: #333333; color: #333333;
@ -1190,7 +1188,6 @@
align-items: center; align-items: center;
font-size: 24rpx; font-size: 24rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
@ -1228,7 +1225,6 @@
.title { .title {
font-size: 24rpx; font-size: 24rpx;
// font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
@ -1237,7 +1233,6 @@
.type { .type {
font-size: 20rpx; font-size: 20rpx;
// font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
@ -1259,7 +1254,6 @@
.num { .num {
font-size: 28rpx; font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
@ -1281,7 +1275,6 @@
.title { .title {
font-size: 28rpx; font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
@ -1291,7 +1284,6 @@
align-items: center; align-items: center;
font-size: 24rpx; font-size: 24rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;

14
pages/shouye/detail_wuxian.vue
View File

@ -7,10 +7,17 @@
<view class="content minHeight100"> <view class="content minHeight100">
<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)"> <view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
<uni-icons type="left" color="#000000"></uni-icons> <uni-icons type="left" color="#000000"></uni-icons>
<view class="" style="color: #000000; margin-left: 240rpx;"> <!-- <view class="" style="color: #000000; margin-left: 240rpx;">
{{$c.detailPageTitle((pageData && pageData.goods) || '')}} {{$c.detailPageTitle((pageData && pageData.goods) || '')}}
</view> </view> -->
</view> </view>
<view class="center relative" style="z-index: 10;" :style="{top:$sys().statusBarHeight+'px'}">
<text class=""
style="padding-top: 20rpx;">{{ $c.detailPageTitle((pageData && pageData.goods) || "") }}</text>
</view>
<view class="header relative" v-if="pageData&&pageData.goods" <view class="header relative" v-if="pageData&&pageData.goods"
:style="{background: 'url('+pageData.goods.imgurl_detail+') no-repeat 0 0 / 100% 100%'}"> :style="{background: 'url('+pageData.goods.imgurl_detail+') no-repeat 0 0 / 100% 100%'}">
<view class="header-wuzhe flex" v-if="pageData.goods.is_shou_zhe==1"> <view class="header-wuzhe flex" v-if="pageData.goods.is_shou_zhe==1">
@ -1292,6 +1299,7 @@
.header { .header {
width: 750rpx; width: 750rpx;
height: 722rpx; height: 722rpx;
margin-top: 130rpx;
background-color: #D8D8D8; background-color: #D8D8D8;
&-wuzhe { &-wuzhe {
@ -1388,7 +1396,7 @@
>text:nth-child(2n+1) { >text:nth-child(2n+1) {
font-weight: 400; font-weight: 400;
font-size: 16rpx; font-size: 18rpx;
color: #000000; color: #000000;
} }

63
pages/shouye/index.vue
View File

@ -40,7 +40,7 @@
</view> </view>
</view> </view>
<!-- 推荐上新 --> <!-- 今日推荐 -->
<view class="flex yqhy" v-if="tuijian.length > 0" style="margin-top: 30rpx; flex-direction: column"> <view class="flex yqhy" v-if="tuijian.length > 0" style="margin-top: 30rpx; flex-direction: column">
<!-- <image class="img100" style=" display: flex; justify-content: center;" <!-- <image class="img100" style=" display: flex; justify-content: center;"
:src="$img1('/image/a6548-pw1cx.webp')"></image> --> :src="$img1('/image/a6548-pw1cx.webp')"></image> -->
@ -137,10 +137,11 @@
<!-- 优惠券弹窗 --> <!-- 优惠券弹窗 -->
<uni-popup ref="couponPop" type="center" maskBackgroundColor="rgba(0,0,0,0.8)"> <uni-popup ref="couponPop" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
<view v-if="couponData" class="coupon-pop common_bg relative"> <view v-if="couponData" class="coupon-pop common_bg relative">
<view class="coupon-pop-title ziti"> <!-- <view class="coupon-pop-title">
<text>新人大礼包</text> <text>新人大礼包</text>
</view> </view> -->
<scroll-view class="coupon-list" scroll-y> <scroll-view class="coupon-list" scroll-y>
<view v-for="(item, i) in couponData.goods.list" :key="i" class="coupon-item"> <view v-for="(item, i) in couponData.goods.list" :key="i" class="coupon-item">
<view class="center"> <view class="center">
@ -154,11 +155,12 @@
</view> </view>
</scroll-view> </scroll-view>
<view @click="receiveCoupon" class="get-btn center">立即收下</view> <view @click="receiveCoupon" class="get-btn center">立即收下</view>
<view class="bt-tip">优惠券在【我的-优惠券】中查看</view> <!-- <view class="bt-tip">优惠券在【我的-优惠券】中查看</view> -->
<view class="bt-close flex" @tap="$refs.couponPop.close()"> <view class="bt-close flex" @tap="$refs.couponPop.close()">
<image class="img100" :src="$img1('common/close.png')"></image> <image class="img100" :src="$img1('common/close.png')"></image>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
<!-- <tab-bar :index="0"></tab-bar> --> <!-- <tab-bar :index="0"></tab-bar> -->
@ -997,11 +999,9 @@
.redu { .redu {
margin-top: 24rpx; margin-top: 24rpx;
font-size: 18rpx;
font-size: 16rpx; font-weight: 500;
font-family: Source Han Sans CN; color: #6C6C6C;
font-weight: 400;
color: #6c6c6c;
} }
.qbt_con_item_3 { .qbt_con_item_3 {
@ -1026,9 +1026,7 @@
.qbt_con_item_price { .qbt_con_item_price {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 18rpx;
font-size: 16rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #6c6c6c; color: #6c6c6c;
} }
@ -1076,8 +1074,8 @@
// } // }
.coupon-pop { .coupon-pop {
width: 612rpx; width: 604rpx;
height: 780rpx; height: 558rpx;
position: relative; position: relative;
background: url($imgurl + "index/couponBg.png") no-repeat 0 0 / 100% 100%; background: url($imgurl + "index/couponBg.png") no-repeat 0 0 / 100% 100%;
// background: #281C50; // background: #281C50;
@ -1097,7 +1095,7 @@
} }
.coupon-list { .coupon-list {
// margin-top: 30rpx; padding-top: 128rpx;
height: 360rpx; height: 360rpx;
.coupon-item { .coupon-item {
@ -1113,16 +1111,18 @@
width: 168rpx; width: 168rpx;
height: 168rpx; height: 168rpx;
>text:nth-child(1) { >text:nth-child(1) {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #894dd3; color: #FDB075;
padding-top: 20rpx;
} }
>text:nth-child(2) { >text:nth-child(2) {
font-weight: 700; font-weight: 700;
font-size: 72rpx; font-size: 64rpx;
color: #894dd3; color: #FDB075;
} }
} }
@ -1130,13 +1130,13 @@
>text:nth-child(1) { >text:nth-child(1) {
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #894dd3; color: #FDB075;
} }
>text:nth-child(2) { >text:nth-child(2) {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #894dd3; color: #FDB075;
} }
} }
} }
@ -1148,15 +1148,14 @@
} }
.get-btn { .get-btn {
margin: 170rpx auto 0; margin: 120rpx auto 0;
width: 288rpx; width: 386rpx;
height: 74rpx; height: 102rpx;
background: #ff873a; background: #D8FD24;
border-radius: 37rpx 37rpx 37rpx 37rpx; border-radius: 26rpx;
border: 2rpx solid #ff873a; font-weight: 600;
font-weight: 400; font-size: 32rpx;
font-size: 24rpx; color: #333333;
color: #ffffff;
} }
.bt-tip { .bt-tip {
@ -1172,11 +1171,11 @@
.bt-close { .bt-close {
position: absolute; position: absolute;
bottom: -180rpx; bottom: -230rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 80rpx; width: 48rpx;
height: 80rpx; height: 48rpx;
opacity: 0.6; opacity: 0.6;
} }
} }

26
pages/user/index.vue
View File

@ -22,7 +22,8 @@
</view> </view>
</view> </view>
<view v-if="userinfo" class="lv-box align-center justify-between" @click="$c.to({ url: '/package/mine/equity' })"> <view v-if="userinfo" class="lv-box align-center justify-between"
@click="$c.to({ url: '/package/mine/equity' })">
<text class="lv-box-dengji">LV.{{userinfo.quan_yi_level.level}}</text> <text class="lv-box-dengji">LV.{{userinfo.quan_yi_level.level}}</text>
<view class="lv-box-ouqi column"> <view class="lv-box-ouqi column">
<text> <text>
@ -35,7 +36,7 @@
:strokeWidth="3"></cmd-progress> :strokeWidth="3"></cmd-progress>
</view> </view>
</view> </view>
<text class="lv-box-detail" @click="$c.to({ url: '/package/mine/equity' })">点击查看详情</text> <text class="lv-box-detail center" @click="$c.to({ url: '/package/mine/equity' })">查看详情</text>
<image style="width: 206rpx; height: 206rpx; position: absolute; top: -40rpx; right: 8rpx;" <image style="width: 206rpx; height: 206rpx; position: absolute; top: -40rpx; right: 8rpx;"
:src="$img1('my/ou.png')"></image> :src="$img1('my/ou.png')"></image>
</view> </view>
@ -60,9 +61,15 @@
<view class="num">{{ userinfo.coupon || 0 }}</view> <view class="num">{{ userinfo.coupon || 0 }}</view>
<view class="title">欧气券</view> <view class="title">欧气券</view>
</view> --> </view> -->
<view class="other-item" @click="$c.to({ url: '/pages/user/yetx' })">
<view class="num">{{ userinfo.coupon || 0 }}</view>
<view class="title">{{$config.getAppSetting('balance_name')}}</view>
</view>
</view> </view>
<view class="money align-center justify-between br20"> <!-- <view class="money align-center justify-between br20">
<view class="align-center" style="margin-left: 32rpx;"> <view class="align-center" style="margin-left: 32rpx;">
<text style="color: #333333; font-size: 28rpx;">{{$config.getAppSetting('balance_name')}}</text> <text style="color: #333333; font-size: 28rpx;">{{$config.getAppSetting('balance_name')}}</text>
</view> </view>
@ -70,7 +77,7 @@
<text>{{ userinfo.money || '0.00' }}</text> <text>{{ userinfo.money || '0.00' }}</text>
<uni-icons type="right" color="#666666"></uni-icons> <uni-icons type="right" color="#666666"></uni-icons>
</view> </view>
</view> </view> -->
</view> </view>
<view v-if="taskList.length > 0" class="task"> <view v-if="taskList.length > 0" class="task">
@ -1438,13 +1445,16 @@
} }
&-detail { &-detail {
text-align: center; width: 96rpx;
height: 36rpx;
position: absolute; position: absolute;
left: 32rpx; left: 34rpx;
top: 82rpx; top: 86rpx;
font-weight: 400; font-weight: 400;
font-size: 20rpx; font-size: 16rpx;
color: #4C4C4C; color: #4C4C4C;
border-radius: 6rpx;
background-color: #E6F791;
// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0; // text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
} }
} }