kola-web
4 weeks ago
82 changed files with 1168 additions and 3840 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,9 @@
@@ -0,0 +1,9 @@
|
||||
{ |
||||
"navigationStyle": "default", |
||||
"navigationBarTitleText": "协议相关", |
||||
"usingComponents": { |
||||
"mp-html": "mp-html", |
||||
"van-tab": "@vant/weapp/tab/index", |
||||
"van-tabs": "@vant/weapp/tabs/index" |
||||
} |
||||
} |
||||
@ -0,0 +1,3 @@
@@ -0,0 +1,3 @@
|
||||
.mp-html { |
||||
padding: 20rpx 40rpx; |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,17 @@
@@ -0,0 +1,17 @@
|
||||
<van-tabs active="{{ active }}" color="rgba(14, 182, 109, 1)" sticky swipeable bind:change="onChange"> |
||||
<van-tab title="隐私政策"> |
||||
<view class="mp-html"> |
||||
<mp-html content="{{doc1}}"></mp-html> |
||||
</view> |
||||
</van-tab> |
||||
<van-tab title="用户协议"> |
||||
<view class="mp-html"> |
||||
<mp-html content="{{doc2}}"></mp-html> |
||||
</view> |
||||
</van-tab> |
||||
<van-tab title="个人信息共享知情同意书"> |
||||
<view class="mp-html"> |
||||
<mp-html content="{{doc3}}"></mp-html> |
||||
</view> |
||||
</van-tab> |
||||
</van-tabs> |
||||
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 746 B |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 746 B |
|
Before Width: | Height: | Size: 985 B After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 40 KiB |
@ -1,110 +1,36 @@
@@ -1,110 +1,36 @@
|
||||
pgae { |
||||
} |
||||
.page { |
||||
position: relative; |
||||
height: 100vh; |
||||
background-color: #fafafa; |
||||
.bg { |
||||
width: 100%; |
||||
} |
||||
.container { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 233rpx; |
||||
width: 100%; |
||||
.frame { |
||||
display: block; |
||||
margin: 0 auto; |
||||
width: 220rpx; |
||||
height: 220rpx; |
||||
} |
||||
.title { |
||||
display: block; |
||||
margin: 86rpx auto 0; |
||||
width: 430rpx; |
||||
height: 50rpx; |
||||
padding: 88rpx 40rpx; |
||||
.row { |
||||
margin-bottom: 32rpx; |
||||
padding: 24rpx 48rpx; |
||||
background: #f2f4f5; |
||||
border-radius: 12rpx; |
||||
border: 1rpx solid #edeff0; |
||||
display: flex; |
||||
.place-input { |
||||
color: rgba(33, 33, 32, 0.40); |
||||
} |
||||
.sub-title { |
||||
margin-top: 95rpx; |
||||
font-size: 24rpx; |
||||
color: #999999; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
.link { |
||||
color: #e04775; |
||||
} |
||||
.input { |
||||
flex: 1; |
||||
font-size: 32rpx; |
||||
line-height: 40rpx; |
||||
color: rgba(40, 48, 49, 1); |
||||
} |
||||
.form { |
||||
margin-top: 32rpx; |
||||
padding: 0 64rpx; |
||||
.row { |
||||
margin-bottom: 40rpx; |
||||
display: flex; |
||||
.input { |
||||
flex: 1; |
||||
padding: 24rpx 32rpx; |
||||
height: 40rpx; |
||||
font-size: 28rpx; |
||||
color: #999999; |
||||
background: #f2f2f2; |
||||
border: 1rpx solid #cccccc; |
||||
border-radius: 24rpx; |
||||
} |
||||
.code { |
||||
margin-left: 24rpx; |
||||
flex-shrink: 0; |
||||
width: 212rpx; |
||||
border: 2rpx solid #e04775; |
||||
border-radius: 24rpx; |
||||
font-size: 28rpx; |
||||
color: #e04775; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
.submit { |
||||
width: 622rpx; |
||||
height: 88rpx; |
||||
background: #e04775; |
||||
border-radius: 24rpx; |
||||
font-size: 34rpx; |
||||
color: #ffffff; |
||||
font-weight: bold; |
||||
text-align: center; |
||||
line-height: 88rpx; |
||||
} |
||||
} |
||||
} |
||||
.divider { |
||||
margin: 48rpx auto 0; |
||||
width: 300rpx; |
||||
} |
||||
.ohter { |
||||
margin-top: 48rpx; |
||||
display: flex; |
||||
justify-content: center; |
||||
.col { |
||||
margin: 0 48rpx; |
||||
padding: 0 20rpx; |
||||
height: 48rpx; |
||||
border-radius: 24rpx; |
||||
background: #eeeeee; |
||||
font-size: 24rpx; |
||||
color: #666666; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
&::after { |
||||
border: none; |
||||
outline: none; |
||||
} |
||||
.icon { |
||||
margin-right: 12rpx; |
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
} |
||||
} |
||||
.btn { |
||||
flex-shrink: 0; |
||||
font-size: 32rpx; |
||||
color: rgba(14, 182, 109, 1); |
||||
} |
||||
} |
||||
.submit { |
||||
margin-top: 64rpx; |
||||
height: 96rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-size: 36rpx; |
||||
color: rgba(255, 255, 255, 1); |
||||
background: linear-gradient(to right, rgba(14, 182, 109, 1), rgba(0, 210, 119, 1)); |
||||
border-radius: 12rpx; |
||||
} |
||||
} |
||||
|
||||
@ -1,20 +1,24 @@
@@ -1,20 +1,24 @@
|
||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
||||
<navBar color="#364E9E" back fixed title="" bind:back="handleBack"></navBar> |
||||
<image class="bg" mode="widthFix" src="{{imageUrl}}1/login-bg.png?t={{Timestamp}}"></image> |
||||
<view class="container"> |
||||
<image class="frame" src="{{imageUrl}}1/frame.png?t={{Timestamp}}"></image> |
||||
<image class="title" src="{{imageUrl}}1/login-title.png?t={{Timestamp}}"></image> |
||||
<view class="form"> |
||||
<view class="row"> |
||||
<input type="number" model:value="{{mobile}}" class="input" placeholder="请输入手机号" /> |
||||
</view> |
||||
<view class="row"> |
||||
<input type="number" model:value="{{code}}" class="input" placeholder="请输入验证码" /> |
||||
<view class="code" bind:tap="getCode">{{codeText}}</view> |
||||
</view> |
||||
<view class="row"> |
||||
<view class="submit" bind:tap="handleSubmit">修改手机号</view> |
||||
</view> |
||||
<view class="page"> |
||||
<view class="form"> |
||||
<view class="row"> |
||||
<input |
||||
class="input" |
||||
model:value="{{mobile}}" |
||||
placeholder-class="place-input" |
||||
type="number" |
||||
placeholder="请输入手机号" |
||||
/> |
||||
</view> |
||||
<view class="row"> |
||||
<input |
||||
class="input" |
||||
model:value="{{code}}" |
||||
placeholder-class="place-input" |
||||
type="number" |
||||
placeholder="请输入验证码" |
||||
/> |
||||
<view class="btn" bind:tap="getCode">{{codeText}}</view> |
||||
</view> |
||||
<view class="submit" bind:tap="handleSubmit">确定</view> |
||||
</view> |
||||
</view> |
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,61 +1,19 @@
@@ -1,61 +1,19 @@
|
||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
||||
<block wx:if="{{detail.AuditStatus==1}}"> |
||||
<image class="badge" mode="aspectFit" src="{{imageUrl}}1/live-result-reject.png?t={{Timestamp}}"></image> |
||||
<view class="status green">资料审核中</view> |
||||
<view class="tip">资料审核通过后可参与活动</view> |
||||
</block> |
||||
<block wx:elif="{{detail.SignUpStatus==2 && (detail.AuditStatus==3 || detail.AuditStatus==4)}}"> |
||||
<!-- <block> --> |
||||
<image class="badge" mode="aspectFit" src="{{imageUrl}}1/live-result-success.png?t={{Timestamp}}"></image> |
||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
||||
<view class="banner"> |
||||
<image class="badge" mode="aspectFit" src="/images/icon81.png"></image> |
||||
<view class="status">报名成功</view> |
||||
<view class="tip">您已成功报名大咖秀</view> |
||||
<view class="price" wx:if="{{rewardScore>0}}"> |
||||
+{{rewardScore}} |
||||
<view class="sub">能量</view> |
||||
</view> |
||||
</block> |
||||
</view> |
||||
<view class="container"> |
||||
<view class="c-content"> |
||||
<!-- <video --> |
||||
<!-- class="video" --> |
||||
<!-- show-mute-btn --> |
||||
<!-- autoplay --> |
||||
<!-- src="https://rs-os-lyh-dt-publicread-video-auto1080tr-prod.liangyihui.net/boss-upload/Mabd3TtaDlquV01ODi6qwA/YsT9kzIy5QKlZTYY.mp4" --> |
||||
<!-- controls --> |
||||
<!-- ></video> --> |
||||
<view class="c-title">{{detail.ActivityName}}</view> |
||||
<view class="date"> |
||||
<image class="icon" src="{{imageUrl}}1/date.png?t={{Timestamp}}"></image> |
||||
{{detail.BeginTime}} |
||||
</view> |
||||
<view class="site" wx:if="{{detail.Type==2}}">地点:{{detail.Location}}</view> |
||||
<block wx:if="{{detail.IsFollow==0}}"> |
||||
<image class="code" src="{{codeUrl}}" show-menu-by-longpress></image> |
||||
<view class="c-tip">关注"gMG给力加油站"公众号获取活动通知</view> |
||||
</block> |
||||
<view class="c-title">活动开始时间</view> |
||||
<view class="date">{{detail.BeginTime}}</view> |
||||
<image class="code" src="{{codeUrl}}" show-menu-by-longpress></image> |
||||
<view class="c-tip"> |
||||
关注 |
||||
<text class="high">"愈见昕生"</text> |
||||
公众号 |
||||
<view></view> |
||||
获取活动通知 |
||||
</view> |
||||
</view> |
||||
<view class="footer"> |
||||
<block wx:if="{{detail.AuditStatus==1}}"> |
||||
<button wx:if="{{detail.IsFollow==1}}" open-type="share" class="btn">邀约好友参与</button> |
||||
</block> |
||||
<block wx:elif="{{detail.SignUpStatus==2 && (detail.AuditStatus==3 || detail.AuditStatus==4)}}"> |
||||
<block wx:if="{{detail.IsFollow==0}}"> |
||||
<view class="btn" wx:if="{{detail.BeginTimeValue * 1 < dateValue * 1 && detail.Type==1}}" bind:tap="handleLive"> |
||||
进入会议间 |
||||
</view> |
||||
</block> |
||||
<block wx:else> |
||||
<view |
||||
class="btn btn1" |
||||
wx:if="{{detail.BeginTimeValue * 1 < dateValue * 1 && detail.Type==1}}" |
||||
bind:tap="handleLive" |
||||
> |
||||
立即进入会议间 |
||||
</view> |
||||
<button open-type="share" class="btn">邀约好友参与</button> |
||||
</block> |
||||
</block> |
||||
<view class="btn btn2" bind:tap="handleHome">回到首页</view> |
||||
</view> |
||||
<view class="btn" bind:tap="handleHome">回到首页</view> |
||||
</view> |
||||
|
||||
@ -1,8 +1,3 @@
@@ -1,8 +1,3 @@
|
||||
{ |
||||
"navigationBarTitleText": "我的收藏", |
||||
"usingComponents": { |
||||
"van-tab": "@vant/weapp/tab/index", |
||||
"van-tabs": "@vant/weapp/tabs/index", |
||||
"van-icon": "@vant/weapp/icon/index" |
||||
} |
||||
"navigationBarTitleText": "我的收藏" |
||||
} |
||||
|
||||
@ -1,11 +1,7 @@
@@ -1,11 +1,7 @@
|
||||
{ |
||||
"navigationBarTitleText": "治疗记录", |
||||
"navigationStyle": "custom", |
||||
"navigationBarTitleText": "个人信息", |
||||
"usingComponents": { |
||||
"navBar": "/components/navBar/navBar", |
||||
"van-icon": "@vant/weapp/icon/index", |
||||
"van-toast": "@vant/weapp/toast/index", |
||||
"van-popup": "@vant/weapp/popup/index", |
||||
"van-switch": "@vant/weapp/switch/index" |
||||
"van-toast": "@vant/weapp/toast/index" |
||||
} |
||||
} |
||||
|
||||
@ -1,359 +1,176 @@
@@ -1,359 +1,176 @@
|
||||
.page { |
||||
padding-bottom: 200rpx; |
||||
min-height: 100vh; |
||||
position: relative; |
||||
box-sizing: border-box; |
||||
background-color: #fff; |
||||
.cross { |
||||
margin-left: 40rpx; |
||||
font-size: 40rpx; |
||||
color: #000000; |
||||
} |
||||
.page-container { |
||||
width: 100%; |
||||
padding: 30rpx 38rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.banner-new { |
||||
padding: 38rpx 30rpx; |
||||
background-color: #fff; |
||||
padding-bottom: 180rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
.content { |
||||
margin: 0 auto; |
||||
padding: 40rpx 0 0; |
||||
width: 654rpx; |
||||
box-sizing: border-box; |
||||
border-radius: 24rpx; |
||||
box-shadow: 0rpx 4rpx 24rpx 0rpx rgba(0, 0, 0, 0.09); |
||||
.switch { |
||||
margin-bottom: 50rpx; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
gap: 26rpx; |
||||
.item { |
||||
flex: 1; |
||||
display: flex; |
||||
align-items: center; |
||||
background-color: #f6f8f9; |
||||
border-radius: 16rpx; |
||||
border: 1px solid #f6f8f9; |
||||
.icon { |
||||
flex-shrink: 0; |
||||
width: 148rpx; |
||||
height: 140rpx; |
||||
} |
||||
.name { |
||||
font-size: 36rpx; |
||||
color: #211d2e; |
||||
text-align: center; |
||||
} |
||||
&.active { |
||||
border-color: #0eb66d; |
||||
background: #fff; |
||||
.name { |
||||
color: #0eb66d; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.row-title { |
||||
margin-bottom: 32rpx; |
||||
font-size: 40rpx; |
||||
color: #222222; |
||||
font-weight: bold; |
||||
} |
||||
.row { |
||||
margin-top: 48rpx; |
||||
&:first-of-type { |
||||
margin-top: 0; |
||||
margin-bottom: 56rpx; |
||||
&.row2 { |
||||
display: grid; |
||||
grid-template-columns: repeat(2, 1fr); |
||||
gap: 22rpx; |
||||
} |
||||
&.row-age { |
||||
display: grid; |
||||
grid-template-columns: repeat(3, 1fr); |
||||
gap: 24rpx; |
||||
} |
||||
.row-header { |
||||
&.row-phone { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.label { |
||||
font-size: 32rpx; |
||||
color: #283031; |
||||
font-weight: bold; |
||||
gap: 20rpx; |
||||
.phone-input { |
||||
flex: 1; |
||||
} |
||||
.change-phone { |
||||
flex-shrink: 0; |
||||
font-size: 32rpx; |
||||
color: #cf5375; |
||||
color: #0eb66d; |
||||
} |
||||
} |
||||
.row-content { |
||||
padding-top: 24rpx; |
||||
.input { |
||||
padding: 24rpx 28rpx; |
||||
background-color: #f2f2f2; |
||||
border: 1px solid #ccc; |
||||
border-radius: 12rpx; |
||||
color: #283031; |
||||
line-height: 40rpx; |
||||
} |
||||
.place-input { |
||||
color: #999999; |
||||
} |
||||
.radio-btns { |
||||
display: grid; |
||||
grid-template-columns: repeat(2, 1fr); |
||||
gap: 22rpx; |
||||
.btn { |
||||
padding: 24rpx; |
||||
.picker { |
||||
flex: 1; |
||||
padding: 24rpx 32rpx; |
||||
font-size: 28rpx; |
||||
color: #999999; |
||||
background: #f2f2f2; |
||||
border: 2rpx solid #cccccc; |
||||
border-radius: 24rpx; |
||||
.select { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.select-content { |
||||
font-size: 32rpx; |
||||
color: #999999; |
||||
text-align: center; |
||||
line-height: 40rpx; |
||||
border-radius: 12rpx 12rpx 12rpx 12rpx; |
||||
border: 1px solid #cccccc; |
||||
&.active { |
||||
color: #e04775; |
||||
border-color: #e04775; |
||||
} |
||||
color: #222222; |
||||
} |
||||
} |
||||
.r-picker { |
||||
display: block; |
||||
.r-picker-content { |
||||
padding: 24rpx 28rpx; |
||||
background: #f2f2f2; |
||||
border-radius: 12rpx 12rpx 12rpx 12rpx; |
||||
border: 1rpx solid #cccccc; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.value { |
||||
font-size: 32rpx; |
||||
color: #283031; |
||||
line-height: 40rpx; |
||||
&:empty { |
||||
&::after { |
||||
content: attr(data-place); |
||||
color: #999999; |
||||
font-size: 32rpx; |
||||
} |
||||
} |
||||
} |
||||
.triangle { |
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
} |
||||
.triangle { |
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.protocol { |
||||
margin-top: 48rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.wrap { |
||||
line-height: 1; |
||||
.name { |
||||
font-size: 32rpx; |
||||
color: #283031; |
||||
font-weight: bold; |
||||
.input { |
||||
flex: 1; |
||||
padding: 24rpx 32rpx; |
||||
height: 40rpx; |
||||
font-size: 32rpx; |
||||
color: #222222; |
||||
background: #f6f6f6; |
||||
border-radius: 24rpx; |
||||
} |
||||
.item { |
||||
padding: 12rpx 24rpx; |
||||
opacity: 1; |
||||
border: 2rpx solid #cccccc; |
||||
font-size: 28rpx; |
||||
color: #999999; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
border-radius: 12rpx; |
||||
background: linear-gradient(90deg, #fff 0%, #f9f9f9 100%); |
||||
.icon { |
||||
width: 64rpx; |
||||
height: 64rpx; |
||||
} |
||||
.book { |
||||
margin-top: 16rpx; |
||||
font-size: 28rpx; |
||||
color: #cf5375; |
||||
&.active { |
||||
color: #0eb66d; |
||||
background: #ecfff7; |
||||
border-color: #0eb66d; |
||||
} |
||||
} |
||||
.age-item { |
||||
height: 96rpx; |
||||
white-space: nowrap; |
||||
font-size: 36rpx; |
||||
color: rgba(34, 34, 34, 0.7); |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
border-radius: 12rpx; |
||||
box-sizing: border-box; |
||||
border: 1px solid #f6f6f6; |
||||
background-color: #f6f6f6; |
||||
&.active { |
||||
background-color: #ecfff7; |
||||
color: #0eb66d; |
||||
border-color: #0eb66d; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// .footer-new { |
||||
// position: fixed; |
||||
// left: 0; |
||||
// bottom: 80rpx; |
||||
// z-index: 10; |
||||
// width: 100%; |
||||
// padding: 0 30rpx; |
||||
// box-sizing: border-box; |
||||
// display: grid; |
||||
// grid-template-columns: repeat(auto-fit, minmax(200rpx, 1fr)); |
||||
// gap: 20rpx; |
||||
// .btn1 { |
||||
// height: 88rpx; |
||||
// text-align: center; |
||||
// line-height: 88rpx; |
||||
// background: #dddddd; |
||||
// font-size: 34rpx; |
||||
// font-weight: bold; |
||||
// color: #283031; |
||||
// border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||
// } |
||||
// .btn2 { |
||||
// height: 88rpx; |
||||
// text-align: center; |
||||
// line-height: 88rpx; |
||||
// background: #dddddd; |
||||
// font-size: 34rpx; |
||||
// font-weight: bold; |
||||
// color: #283031; |
||||
// border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||
// } |
||||
// .btn3 { |
||||
// height: 88rpx; |
||||
// text-align: center; |
||||
// line-height: 88rpx; |
||||
// background: #dddddd; |
||||
// font-size: 34rpx; |
||||
// font-weight: bold; |
||||
// color: #283031; |
||||
// border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||
// } |
||||
// } |
||||
|
||||
.cancellation { |
||||
margin-top: 45rpx; |
||||
height: 80rpx; |
||||
text-align: center; |
||||
line-height: 80rpx; |
||||
font-size: 32rpx; |
||||
color: #fff; |
||||
background: #b8bfd1; |
||||
border-radius: 100rpx 100rpx 100rpx 100rpx; |
||||
} |
||||
} |
||||
|
||||
.picker { |
||||
font-size: 28rpx; |
||||
color: #023eba; |
||||
max-width: 50vw; |
||||
} |
||||
|
||||
.call { |
||||
text-align: center; |
||||
margin: 0 auto; |
||||
width: 560rpx; |
||||
height: 80rpx; |
||||
line-height: 80rpx; |
||||
background: #023eba; |
||||
border-radius: 100px 100px 100px 100px; |
||||
font-size: 34rpx; |
||||
font-family: |
||||
Source Han Sans CN-Bold, |
||||
Source Han Sans CN; |
||||
font-weight: bold; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.order-shop { |
||||
position: fixed; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
background-color: rgba(0, 0, 0, 0.25); |
||||
z-index: 666; |
||||
} |
||||
|
||||
.order-shop-worker { |
||||
position: fixed; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
background-color: rgba(0, 0, 0, 0.25); |
||||
z-index: 3; |
||||
} |
||||
|
||||
.order-shop-box { |
||||
position: fixed; |
||||
left: 0; |
||||
bottom: 0; |
||||
width: 100vw; |
||||
max-height: 80vh; |
||||
background: #ffffff; |
||||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); |
||||
border-radius: 32rpx 32rpx 0px 0px; |
||||
padding: 48rpx 0 60rpx; |
||||
} |
||||
|
||||
.order-shop-worker-box { |
||||
width: 646rpx; |
||||
padding: 48rpx 40rpx 64rpx; |
||||
background: #ffffff; |
||||
border-radius: 32rpx; |
||||
} |
||||
|
||||
.order-shop-title { |
||||
text-align: center; |
||||
font-size: 36rpx; |
||||
font-family: |
||||
PingFangSC-Medium, |
||||
PingFang SC; |
||||
font-weight: bold; |
||||
color: #222222; |
||||
line-height: 50rpx; |
||||
} |
||||
|
||||
.order-search { |
||||
box-sizing: border-box; |
||||
width: 690rpx; |
||||
height: 84rpx; |
||||
line-height: 84rpx; |
||||
background: #f8f8f8; |
||||
border-radius: 42rpx; |
||||
margin: 32rpx auto; |
||||
padding-left: 74rpx; |
||||
background-position: 30rpx center; |
||||
background-repeat: no-repeat; |
||||
background-size: 36rpx; |
||||
background-image: url(data:image/png;base64,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); |
||||
} |
||||
|
||||
.search-input { |
||||
font-size: 28rpx; |
||||
line-height: 84rpx; |
||||
height: 84rpx; |
||||
padding-right: 30rpx; |
||||
} |
||||
|
||||
.search-cell-box { |
||||
max-height: 550rpx; |
||||
} |
||||
|
||||
.search-cell { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
padding: 0 60rpx; |
||||
color: #aeb6cd; |
||||
} |
||||
|
||||
.shop-text { |
||||
padding: 20rpx 0; |
||||
text-align: center; |
||||
line-height: 40rpx; |
||||
// border-bottom: 2rpx solid #f8f8f8; |
||||
flex: 1; |
||||
font-size: 32rpx; |
||||
font-family: |
||||
Alibaba PuHuiTi-Medium, |
||||
Alibaba PuHuiTi; |
||||
font-weight: 500; |
||||
} |
||||
|
||||
.search-cell-active { |
||||
border-bottom: none; |
||||
color: #364e9e; |
||||
font-size: 32rpx; |
||||
font-family: |
||||
Alibaba PuHuiTi-Medium, |
||||
Alibaba PuHuiTi; |
||||
font-weight: 500; |
||||
color: #364e9e; |
||||
} |
||||
|
||||
.fl1 { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
padding: 0 30rpx; |
||||
} |
||||
|
||||
.closeShop { |
||||
color: #aeb6cd; |
||||
font-size: 28rpx; |
||||
margin-left: auto; |
||||
} |
||||
|
||||
.clickShop { |
||||
color: #364e9e; |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.empty-image { |
||||
margin: 0 auto; |
||||
width: 100%; |
||||
padding-top: 450rpx; |
||||
text-align: center; |
||||
background-position: center 100rpx; |
||||
background-size: 300rpx; |
||||
background-repeat: no-repeat; |
||||
background-image: url(https://m.zd.hbraas.com/zd/none.png?t={{Timestamp}}); |
||||
} |
||||
|
||||
.moretext { |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
overflow: hidden; |
||||
} |
||||
} |
||||
|
||||
.popup { |
||||
.popup-title { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
padding: 20rpx 40rpx; |
||||
font-size: 32rpx; |
||||
.clsoe { |
||||
color: #7f7f7f; |
||||
} |
||||
.sure { |
||||
color: #22c065; |
||||
} |
||||
} |
||||
.popup-picker { |
||||
.picker-col { |
||||
padding: 10rpx 30rpx; |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
.bottom-actions { |
||||
width: 100%; |
||||
padding: 0 48rpx; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
align-items: center; |
||||
.action-btn { |
||||
margin-bottom: 32rpx; |
||||
text-align: center; |
||||
height: 96rpx; |
||||
line-height: 96rpx; |
||||
border-radius: 16rpx; |
||||
font-size: 36rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(0,0,0,0.05); |
||||
color: rgba(34, 34, 34, 1); |
||||
&.danger { |
||||
color: rgba(14, 182, 109, 1); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,10 +0,0 @@
@@ -1,10 +0,0 @@
|
||||
{ |
||||
"navigationBarTitleText": "", |
||||
"navigationStyle": "custom", |
||||
"disableScroll": true, |
||||
"usingComponents": { |
||||
"mp-html": "mp-html", |
||||
"loginNavbar": "/components/loginNavbar/index", |
||||
"navBar": "/components/navBar/navBar" |
||||
} |
||||
} |
||||
@ -1,74 +0,0 @@
@@ -1,74 +0,0 @@
|
||||
.page { |
||||
position: relative; |
||||
box-sizing: border-box; |
||||
background-color: #fff; |
||||
height: 100vh; |
||||
overflow: hidden; |
||||
.bg { |
||||
width: 100%; |
||||
} |
||||
.page-container { |
||||
position: absolute; |
||||
width: 100%; |
||||
top: 0; |
||||
left: 0; |
||||
display: flex; |
||||
flex-direction: column; |
||||
height: 100vh; |
||||
padding-bottom: 80rpx; |
||||
box-sizing: border-box; |
||||
.navbar { |
||||
flex-shrink: 0; |
||||
} |
||||
.content { |
||||
position: relative; |
||||
flex: 1; |
||||
margin: 80rpx auto 0; |
||||
overflow-y: auto; |
||||
overflow-x: hidden; |
||||
padding: 40rpx 48rpx; |
||||
width: 654rpx; |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
box-sizing: border-box; |
||||
background: #ffffff; |
||||
box-shadow: 0rpx 4rpx 24rpx 0rpx rgba(0, 0, 0, 0.09); |
||||
border: 2rpx solid rgba(224, 71, 117, 0.25); |
||||
border-radius: 24rpx; |
||||
.mask { |
||||
position: sticky; |
||||
bottom: -40rpx; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 250rpx; |
||||
background: linear-gradient(rgba(255, 255, 255, 0.3), #fff); |
||||
} |
||||
} |
||||
.footer { |
||||
flex-shrink: 0; |
||||
margin: 81rpx 48rpx 0; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
> view:not(:last-of-type), |
||||
> image { |
||||
margin-right: 30rpx; |
||||
} |
||||
.btn { |
||||
flex: 1; |
||||
text-align: center; |
||||
height: 80rpx; |
||||
line-height: 80rpx; |
||||
text-align: center; |
||||
border: 2rpx solid #e04775; |
||||
border-radius: 24rpx; |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #e04775; |
||||
} |
||||
.sure { |
||||
background-color: #e04775; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -1,17 +0,0 @@
@@ -1,17 +0,0 @@
|
||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
||||
<image class="bg" mode="widthFix" src="{{imageUrl}}1/login-bg.png?t={{Timestamp}}"></image> |
||||
<view class="page-container"> |
||||
<navBar wx:if="{{pagePath != '/pages/enterInfo/index'}}" background="{{background}}" title="隐私协议"></navBar> |
||||
<view class="content"> |
||||
<mp-html class="mp-html" container-style="overflow: visible" content="{{Content}}"></mp-html> |
||||
<!-- <view class="mask"></view> --> |
||||
</view> |
||||
<view class="footer" wx:if="{{pagePath == '/pages/enterInfo/index' || pagePath == '/pages/familyScan/index'}}"> |
||||
<view bind:tap="handleBack" class="btn">不同意</view> |
||||
<view bind:tap="handleSure" class="btn sure">同意</view> |
||||
</view> |
||||
<view class="footer" wx:else> |
||||
<view bind:tap="handleSure" class="btn sure" data-replace="1">关闭</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
File diff suppressed because one or more lines are too long
@ -1,9 +0,0 @@
@@ -1,9 +0,0 @@
|
||||
{ |
||||
"navigationStyle": "custom", |
||||
"usingComponents": { |
||||
"mp-video-swiper": "@miniprogram-component-plus/video-swiper", |
||||
"navbar": "/components/navBar/navBar", |
||||
"van-slider": "@vant/weapp/slider/index", |
||||
"star": "/components/star/index" |
||||
} |
||||
} |
||||
@ -1,106 +0,0 @@
@@ -1,106 +0,0 @@
|
||||
.page { |
||||
background-color: #000; |
||||
.swiper { |
||||
width: 100vw; |
||||
height: 100vh; |
||||
.swiper-item { |
||||
position: relative; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
.video { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.play { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
width: 90rpx; |
||||
height: 90rpx; |
||||
} |
||||
.swiper-item-footer { |
||||
padding: 80rpx 30rpx calc(34rpx + env(safe-area-inset-bottom)); |
||||
width: 100%; |
||||
position: absolute; |
||||
bottom: 0; |
||||
left: 0; |
||||
box-sizing: border-box; |
||||
background: linear-gradient(to top, rgba(20, 20, 20, 0.88) 0%, rgba(20, 20, 20, 0) 100%); |
||||
.title { |
||||
font-size: 32rpx; |
||||
color: rgba(255, 255, 255, 1); |
||||
} |
||||
.progress { |
||||
margin-top: 24rpx; |
||||
.slider-btn { |
||||
width: 200vw; |
||||
height: 80rpx; |
||||
} |
||||
} |
||||
.container { |
||||
margin-top: 24rpx; |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.user { |
||||
display: flex; |
||||
align-items: center; |
||||
.avatar { |
||||
width: 76rpx; |
||||
height: 76rpx; |
||||
border-radius: 50%; |
||||
} |
||||
.name { |
||||
margin-left: 16rpx; |
||||
font-size: 28rpx; |
||||
color: rgba(255, 255, 255, 1); |
||||
} |
||||
} |
||||
.options { |
||||
padding-right: 26rpx; |
||||
display: flex; |
||||
justify-content: space-around; |
||||
gap: 20rpx; |
||||
.o-item { |
||||
padding: 0 10rpx; |
||||
font-size: 22rpx; |
||||
color: #b6b7ba; |
||||
line-height: 1; |
||||
text-align: center; |
||||
.icon { |
||||
margin: 0 auto 10rpx; |
||||
display: block; |
||||
width: 36rpx; |
||||
height: 36rpx; |
||||
} |
||||
} |
||||
.share { |
||||
margin: 0; |
||||
padding: 0; |
||||
background-color: transparent; |
||||
border-radius: 0; |
||||
&::after { |
||||
border: none; |
||||
outline: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.animate { |
||||
position: fixed; |
||||
z-index: 10000000; |
||||
right: 1000000px; |
||||
bottom: calc(env(safe-area-inset-bottom) + 110rpx); |
||||
width: 200rpx; |
||||
height: 400rpx; |
||||
&.active { |
||||
right: -20rpx; |
||||
} |
||||
} |
||||
@ -1,235 +0,0 @@
@@ -1,235 +0,0 @@
|
||||
const licia = require('miniprogram-licia') |
||||
const app = getApp<IAppOption>() |
||||
// 组件说明文档 https://github.com/wechat-miniprogram/miniprogram-component-plus/blob/master/docs/video-swiper.md
|
||||
|
||||
Page({ |
||||
data: { |
||||
id: '', |
||||
activeId: '', |
||||
LikeTimes: 0, |
||||
|
||||
current: 0, |
||||
videoList: [] as any, |
||||
|
||||
beforeLoading: false, |
||||
beforeEnd: false, |
||||
afterLoading: false, |
||||
afterEnd: false, |
||||
|
||||
starShow: false, |
||||
}, |
||||
onLoad(options) { |
||||
this.setData({ |
||||
id: options.id, |
||||
activeId: options.id, |
||||
}) |
||||
app.waitLogin({ type: 1 }).then(() => { |
||||
this.getList() |
||||
}) |
||||
}, |
||||
getDetail() { |
||||
wx.ajax({ |
||||
method: 'GET', |
||||
url: '?r=wtx/knowledge/detail', |
||||
data: { |
||||
Id: this.data.id, |
||||
}, |
||||
}).then(async (res) => { |
||||
this.setData({ |
||||
videoList: [res], |
||||
afterLoading: true, |
||||
beforeLoading: true, |
||||
}) |
||||
this.playCurrentVideo() |
||||
await this.getList('after') |
||||
await this.getList('before') |
||||
}) |
||||
}, |
||||
getList() { |
||||
const { id } = this.data |
||||
return wx |
||||
.ajax({ |
||||
method: 'GET', |
||||
url: '?r=igg4/video/list', |
||||
data: {}, |
||||
}) |
||||
.then((res) => { |
||||
const { videoList, current } = this.data |
||||
const newVideoList = [...videoList, ...res.list] |
||||
this.setData({ |
||||
videoList: newVideoList, |
||||
afterLoading: false, |
||||
afterEnd: res.length === 0, |
||||
}) |
||||
this.playCurrentVideo() |
||||
}) |
||||
}, |
||||
handleChange(e: any) { |
||||
const { beforeLoading, afterLoading, beforeEnd, afterEnd, videoList } = this.data |
||||
const { current } = e.detail |
||||
this.setData({ |
||||
current, |
||||
starShow: false, |
||||
}) |
||||
if (current === 0 && !beforeLoading && beforeEnd) { |
||||
this.setData({ |
||||
beforeLoading: true, |
||||
}) |
||||
this.getList('before') |
||||
} |
||||
if (current === videoList.length - 1 && !afterLoading && afterEnd) { |
||||
this.setData({ |
||||
afterLoading: true, |
||||
}) |
||||
this.getList('after') |
||||
} |
||||
this.playCurrentVideo() |
||||
}, |
||||
playCurrentVideo() { |
||||
const { current, videoList } = this.data |
||||
videoList.forEach((item: any, index: number) => { |
||||
if (!item.ctx) { |
||||
item.ctx = wx.createVideoContext(`video-${item.Id}`) |
||||
} |
||||
item.drag = false |
||||
if (index === current) { |
||||
item.ctx.play() |
||||
} else { |
||||
item.ctx.pause() |
||||
} |
||||
}) |
||||
}, |
||||
handlePlay(e: any) { |
||||
const { index } = e.currentTarget.dataset |
||||
const key = `videoList[${index}].play` |
||||
this.setData({ |
||||
[key]: true, |
||||
}) |
||||
}, |
||||
handlePause(e: any) { |
||||
const { index } = e.currentTarget.dataset |
||||
const key = `videoList[${index}].play` |
||||
this.setData({ |
||||
[key]: false, |
||||
}) |
||||
}, |
||||
handleTimeUpdate(e: any) { |
||||
const { index } = e.currentTarget.dataset |
||||
const { videoList } = this.data |
||||
if (videoList[index].drag) return |
||||
const { currentTime, duration } = e.detail |
||||
const progress = (currentTime / duration) * 100 |
||||
const progressKey = `videoList[${index}].progress` |
||||
const durationKey = `videoList[${index}].duration` |
||||
this.setData({ |
||||
[progressKey]: progress, |
||||
[durationKey]: duration, |
||||
}) |
||||
}, |
||||
handleTogglePlay(e) { |
||||
const { index } = e.currentTarget.dataset |
||||
const { videoList } = this.data |
||||
if (videoList[index].play) { |
||||
videoList[index].ctx.pause() |
||||
} else { |
||||
videoList[index].ctx.play() |
||||
} |
||||
}, |
||||
handleDragStart(e: any) { |
||||
const { index } = e.currentTarget.dataset |
||||
const key = `videoList[${index}].drag` |
||||
this.setData({ |
||||
[key]: true, |
||||
}) |
||||
}, |
||||
handleDragEnd(e: any) { |
||||
const { index } = e.currentTarget.dataset |
||||
const { videoList } = this.data |
||||
const duration = videoList[index].duration |
||||
const drapProgress = e.detail |
||||
const currentTime = (drapProgress / 100) * duration |
||||
videoList[index].ctx.seek(currentTime) |
||||
const dragKey = `videoList[${index}].drag` |
||||
this.setData({ |
||||
[dragKey]: false, |
||||
}) |
||||
}, |
||||
_timer: null as any, |
||||
handleVideoStar(e: WechatMiniprogram.CustomEvent) { |
||||
const { id, index } = e.currentTarget.dataset |
||||
wx.ajax({ |
||||
method: 'POST', |
||||
url: '?r=igg4/video/compliment', |
||||
data: { |
||||
ContentId: id, |
||||
}, |
||||
}).then(() => { |
||||
this.setData({ |
||||
[`videoList[${index}].ComplimentNum`]: Number(this.data.videoList[index].ComplimentNum) + 1, |
||||
[`videoList[${index}].IsCompliment`]: 1, |
||||
}) |
||||
}) |
||||
}, |
||||
handleVideoToggleSave(e: WechatMiniprogram.CustomEvent) { |
||||
const { id, collect, index } = e.currentTarget.dataset |
||||
const { videoList } = this.data |
||||
const title = videoList[index].Title |
||||
app.permissionVerification(3, 4, `/pages/repository/index?active=1&title=${title}`, id).then(() => { |
||||
if (collect == 1) { |
||||
wx.ajax({ |
||||
method: 'POST', |
||||
url: '?r=igg4/video/cancel-collection', |
||||
data: { |
||||
ContentId: id, |
||||
}, |
||||
loading: true, |
||||
}).then(() => { |
||||
wx.showToast({ |
||||
title: '取消收藏', |
||||
icon: 'none', |
||||
}) |
||||
this.setData({ |
||||
[`videoList[${index}].IsCollect`]: 0, |
||||
[`videoList[${index}].CollectionPeopleNum`]: Number(this.data.videoList[index].CollectionPeopleNum) - 1, |
||||
}) |
||||
}) |
||||
} else { |
||||
wx.ajax({ |
||||
method: 'POST', |
||||
url: '?r=igg4/video/collection', |
||||
data: { |
||||
ContentId: id, |
||||
}, |
||||
loading: true, |
||||
}).then(() => { |
||||
wx.showToast({ |
||||
title: '收藏成功', |
||||
icon: 'none', |
||||
}) |
||||
this.setData({ |
||||
[`videoList[${index}].IsCollect`]: 1, |
||||
[`videoList[${index}].CollectionPeopleNum`]: Number(this.data.videoList[index].CollectionPeopleNum) + 1, |
||||
}) |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
onShareAppMessage() { |
||||
const { current, videoList } = this.data |
||||
const currentVideo = videoList[current] |
||||
this.setData({ |
||||
[`videoList[${current}].ShareTimes`]: Number(currentVideo.ShareTimes) + 1, |
||||
[`videoList[${current}].IsShare`]: true, |
||||
}) |
||||
wx.ajax({ |
||||
method: 'POST', |
||||
url: '?r=wtx/knowledge/share', |
||||
data: { Id: this.data.activeId }, |
||||
}) |
||||
}, |
||||
handleBack() { |
||||
wx.navigateBack() |
||||
}, |
||||
}) |
||||
|
||||
export {} |
||||
@ -1,108 +0,0 @@
@@ -1,108 +0,0 @@
|
||||
<navbar fixed custom-style="background:{{background}};color:#fff"> |
||||
<van-icon name="arrow-left" slot="left" size="18px" color="#fff" bind:tap="handleBack" /> |
||||
<view slot="title" style="color: #fff">视频</view> |
||||
</navbar> |
||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
||||
<swiper class="swiper" vertical="{{true}}" current="{{current}}" bindchange="handleChange"> |
||||
<swiper-item class="swiper-item" wx:for="{{videoList}}" wx:key="Id"> |
||||
<video |
||||
id="video-{{item.Id}}" |
||||
class="video" |
||||
src="{{item.SrcUrl}}" |
||||
poster="{{item.ImageUrl}}" |
||||
loop |
||||
object-fit="contain" |
||||
enable-play-gesture |
||||
enable-progress-gesture |
||||
show-center-play-btn="{{false}}" |
||||
play-btn-position="center" |
||||
controls="{{false}}" |
||||
bindprogress="handleProgress" |
||||
bindplay="handlePlay" |
||||
bindpause="handlePause" |
||||
bindtimeupdate="handleTimeUpdate" |
||||
data-index="{{index}}" |
||||
bind:tap="handleTogglePlay" |
||||
></video> |
||||
<image |
||||
wx:if="{{!item.play}}" |
||||
class="play" |
||||
src="{{imageUrl}}1/video-play.png?t={{Timestamp}}" |
||||
catch:tap="handleTogglePlay" |
||||
data-index="{{index}}" |
||||
></image> |
||||
<view class="swiper-item-footer"> |
||||
<view class="title">{{item.Title}}</view> |
||||
<view class="progress"> |
||||
<van-slider |
||||
value="{{item.progress}}" |
||||
active-color="#fff" |
||||
bar-height="4" |
||||
inactive-color="rgba(255, 255, 255, 0.29)" |
||||
bind:drag-start="handleDragStart" |
||||
bind:change="handleDragEnd" |
||||
use-button-slot |
||||
data-index="{{index}}" |
||||
> |
||||
<view class="slider-btn" slot="button"></view> |
||||
</van-slider> |
||||
</view> |
||||
<view class="container"> |
||||
<view class="user"> |
||||
<image class="avatar" src="{{imageUrl}}5/logo1.png?t={{Timestamp}}"></image> |
||||
<view class="name">gMG给力加油站</view> |
||||
</view> |
||||
<view class="options"> |
||||
<view class="o-item"> |
||||
<image class="icon" src="{{imageUrl}}1/view.png?t={{Timestamp}}"></image> |
||||
<block wx:if="{{~~item.OpenNum + ~~item.BasicNum}}">{{~~item.OpenNum + ~~item.BasicNum}}</block> |
||||
</view> |
||||
|
||||
<view |
||||
class="o-item {{item.IsCompliment==1 && 'active'}}" |
||||
catch:tap="handleVideoStar" |
||||
data-id="{{item.Id}}" |
||||
data-index="{{index}}" |
||||
> |
||||
<image |
||||
class="icon" |
||||
wx:if="{{item.IsCompliment==1}}" |
||||
src="{{imageUrl}}1/star-active.png?t={{Timestamp}}" |
||||
></image> |
||||
<image class="icon" wx:else src="{{imageUrl}}1/star.png?t={{Timestamp}}"></image> |
||||
<block wx:if="{{~~item.ComplimentNum}}">{{item.ComplimentNum}}</block> |
||||
</view> |
||||
<view |
||||
class="o-item {{item.IsCollect == 1 && 'active'}}" |
||||
catch:tap="handleVideoToggleSave" |
||||
data-id="{{item.Id}}" |
||||
data-collect="{{item.IsCollect}}" |
||||
data-index="{{index}}" |
||||
> |
||||
<image |
||||
class="icon" |
||||
wx:if="{{item.IsCollect == 1}}" |
||||
src="{{imageUrl}}1/save-active-plan.png?t={{Timestamp}}" |
||||
></image> |
||||
<image class="icon" wx:else src="{{imageUrl}}1/save.png?t={{Timestamp}}"></image> |
||||
<block wx:if="{{~~item.CollectionPeopleNum}}">{{item.CollectionPeopleNum}}</block> |
||||
</view> |
||||
<button |
||||
class="o-item share" |
||||
open-type="share" |
||||
data-id="{{item.Id}}" |
||||
data-type="video" |
||||
data-index="{{index}}" |
||||
catch:tap="handleShare" |
||||
> |
||||
<image class="icon" src="{{imageUrl}}1/share.png?t={{Timestamp}}"></image> |
||||
<block wx:if="{{~~item.ShareNum}}">{{item.ShareNum}}</block> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</swiper-item> |
||||
</swiper> |
||||
</view> |
||||
|
||||
<star id="animate" class="animate {{starShow&&'active'}}"></star> |
||||
Loading…
Reference in new issue