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 @@ |
|||||||
|
{ |
||||||
|
"navigationStyle": "default", |
||||||
|
"navigationBarTitleText": "协议相关", |
||||||
|
"usingComponents": { |
||||||
|
"mp-html": "mp-html", |
||||||
|
"van-tab": "@vant/weapp/tab/index", |
||||||
|
"van-tabs": "@vant/weapp/tabs/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
.mp-html { |
||||||
|
padding: 20rpx 40rpx; |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
@ -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 @@ |
|||||||
pgae { |
|
||||||
} |
|
||||||
.page { |
.page { |
||||||
position: relative; |
padding: 88rpx 40rpx; |
||||||
height: 100vh; |
.row { |
||||||
background-color: #fafafa; |
margin-bottom: 32rpx; |
||||||
.bg { |
padding: 24rpx 48rpx; |
||||||
width: 100%; |
background: #f2f4f5; |
||||||
} |
border-radius: 12rpx; |
||||||
.container { |
border: 1rpx solid #edeff0; |
||||||
position: absolute; |
display: flex; |
||||||
left: 0; |
.place-input { |
||||||
top: 233rpx; |
color: rgba(33, 33, 32, 0.40); |
||||||
width: 100%; |
|
||||||
.frame { |
|
||||||
display: block; |
|
||||||
margin: 0 auto; |
|
||||||
width: 220rpx; |
|
||||||
height: 220rpx; |
|
||||||
} |
|
||||||
.title { |
|
||||||
display: block; |
|
||||||
margin: 86rpx auto 0; |
|
||||||
width: 430rpx; |
|
||||||
height: 50rpx; |
|
||||||
} |
} |
||||||
.sub-title { |
.input { |
||||||
margin-top: 95rpx; |
flex: 1; |
||||||
font-size: 24rpx; |
font-size: 32rpx; |
||||||
color: #999999; |
line-height: 40rpx; |
||||||
display: flex; |
color: rgba(40, 48, 49, 1); |
||||||
align-items: center; |
|
||||||
justify-content: center; |
|
||||||
.link { |
|
||||||
color: #e04775; |
|
||||||
} |
|
||||||
} |
} |
||||||
.form { |
.btn { |
||||||
margin-top: 32rpx; |
flex-shrink: 0; |
||||||
padding: 0 64rpx; |
font-size: 32rpx; |
||||||
.row { |
color: rgba(14, 182, 109, 1); |
||||||
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; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
.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 @@ |
|||||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
<view class="page"> |
||||||
<navBar color="#364E9E" back fixed title="" bind:back="handleBack"></navBar> |
<view class="form"> |
||||||
<image class="bg" mode="widthFix" src="{{imageUrl}}1/login-bg.png?t={{Timestamp}}"></image> |
<view class="row"> |
||||||
<view class="container"> |
<input |
||||||
<image class="frame" src="{{imageUrl}}1/frame.png?t={{Timestamp}}"></image> |
class="input" |
||||||
<image class="title" src="{{imageUrl}}1/login-title.png?t={{Timestamp}}"></image> |
model:value="{{mobile}}" |
||||||
<view class="form"> |
placeholder-class="place-input" |
||||||
<view class="row"> |
type="number" |
||||||
<input type="number" model:value="{{mobile}}" class="input" placeholder="请输入手机号" /> |
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> |
</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> |
||||||
</view> |
</view> |
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,61 +1,19 @@ |
|||||||
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
<view class="page" id="{{theme === 'DRUG' && 'drug-page'}}"> |
||||||
<block wx:if="{{detail.AuditStatus==1}}"> |
<view class="banner"> |
||||||
<image class="badge" mode="aspectFit" src="{{imageUrl}}1/live-result-reject.png?t={{Timestamp}}"></image> |
<image class="badge" mode="aspectFit" src="/images/icon81.png"></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="status">报名成功</view> |
<view class="status">报名成功</view> |
||||||
<view class="tip">您已成功报名大咖秀</view> |
</view> |
||||||
<view class="price" wx:if="{{rewardScore>0}}"> |
|
||||||
+{{rewardScore}} |
|
||||||
<view class="sub">能量</view> |
|
||||||
</view> |
|
||||||
</block> |
|
||||||
<view class="container"> |
<view class="container"> |
||||||
<view class="c-content"> |
<view class="c-title">活动开始时间</view> |
||||||
<!-- <video --> |
<view class="date">{{detail.BeginTime}}</view> |
||||||
<!-- class="video" --> |
<image class="code" src="{{codeUrl}}" show-menu-by-longpress></image> |
||||||
<!-- show-mute-btn --> |
<view class="c-tip"> |
||||||
<!-- autoplay --> |
关注 |
||||||
<!-- src="https://rs-os-lyh-dt-publicread-video-auto1080tr-prod.liangyihui.net/boss-upload/Mabd3TtaDlquV01ODi6qwA/YsT9kzIy5QKlZTYY.mp4" --> |
<text class="high">"愈见昕生"</text> |
||||||
<!-- controls --> |
公众号 |
||||||
<!-- ></video> --> |
<view></view> |
||||||
<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> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="footer"> |
<view class="btn" bind:tap="handleHome">回到首页</view> |
||||||
<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> |
</view> |
||||||
|
|||||||
@ -1,8 +1,3 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "我的收藏", |
"navigationBarTitleText": "我的收藏" |
||||||
"usingComponents": { |
|
||||||
"van-tab": "@vant/weapp/tab/index", |
|
||||||
"van-tabs": "@vant/weapp/tabs/index", |
|
||||||
"van-icon": "@vant/weapp/icon/index" |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,11 +1,7 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "治疗记录", |
"navigationBarTitleText": "个人信息", |
||||||
"navigationStyle": "custom", |
|
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"navBar": "/components/navBar/navBar", |
|
||||||
"van-icon": "@vant/weapp/icon/index", |
"van-icon": "@vant/weapp/icon/index", |
||||||
"van-toast": "@vant/weapp/toast/index", |
"van-toast": "@vant/weapp/toast/index" |
||||||
"van-popup": "@vant/weapp/popup/index", |
|
||||||
"van-switch": "@vant/weapp/switch/index" |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,359 +1,176 @@ |
|||||||
.page { |
.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 { |
.page-container { |
||||||
width: 100%; |
padding-bottom: 180rpx; |
||||||
padding: 30rpx 38rpx; |
display: flex; |
||||||
box-sizing: border-box; |
flex-direction: column; |
||||||
|
.content { |
||||||
.banner-new { |
margin: 0 auto; |
||||||
padding: 38rpx 30rpx; |
padding: 40rpx 0 0; |
||||||
background-color: #fff; |
width: 654rpx; |
||||||
|
box-sizing: border-box; |
||||||
border-radius: 24rpx; |
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 { |
.row { |
||||||
margin-top: 48rpx; |
margin-bottom: 56rpx; |
||||||
&:first-of-type { |
&.row2 { |
||||||
margin-top: 0; |
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; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: space-between; |
gap: 20rpx; |
||||||
.label { |
.phone-input { |
||||||
font-size: 32rpx; |
flex: 1; |
||||||
color: #283031; |
|
||||||
font-weight: bold; |
|
||||||
} |
} |
||||||
.change-phone { |
.change-phone { |
||||||
|
flex-shrink: 0; |
||||||
font-size: 32rpx; |
font-size: 32rpx; |
||||||
color: #cf5375; |
color: #0eb66d; |
||||||
} |
} |
||||||
} |
} |
||||||
.row-content { |
.picker { |
||||||
padding-top: 24rpx; |
flex: 1; |
||||||
.input { |
padding: 24rpx 32rpx; |
||||||
padding: 24rpx 28rpx; |
font-size: 28rpx; |
||||||
background-color: #f2f2f2; |
color: #999999; |
||||||
border: 1px solid #ccc; |
background: #f2f2f2; |
||||||
border-radius: 12rpx; |
border: 2rpx solid #cccccc; |
||||||
color: #283031; |
border-radius: 24rpx; |
||||||
line-height: 40rpx; |
.select { |
||||||
} |
display: flex; |
||||||
.place-input { |
justify-content: space-between; |
||||||
color: #999999; |
align-items: center; |
||||||
} |
.select-content { |
||||||
.radio-btns { |
|
||||||
display: grid; |
|
||||||
grid-template-columns: repeat(2, 1fr); |
|
||||||
gap: 22rpx; |
|
||||||
.btn { |
|
||||||
padding: 24rpx; |
|
||||||
font-size: 32rpx; |
font-size: 32rpx; |
||||||
color: #999999; |
color: #222222; |
||||||
text-align: center; |
|
||||||
line-height: 40rpx; |
|
||||||
border-radius: 12rpx 12rpx 12rpx 12rpx; |
|
||||||
border: 1px solid #cccccc; |
|
||||||
&.active { |
|
||||||
color: #e04775; |
|
||||||
border-color: #e04775; |
|
||||||
} |
|
||||||
} |
} |
||||||
} |
.triangle { |
||||||
.r-picker { |
width: 48rpx; |
||||||
display: block; |
height: 48rpx; |
||||||
.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; |
|
||||||
} |
|
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
.input { |
||||||
.protocol { |
flex: 1; |
||||||
margin-top: 48rpx; |
padding: 24rpx 32rpx; |
||||||
display: flex; |
height: 40rpx; |
||||||
align-items: center; |
font-size: 32rpx; |
||||||
justify-content: space-between; |
color: #222222; |
||||||
.wrap { |
background: #f6f6f6; |
||||||
line-height: 1; |
border-radius: 24rpx; |
||||||
.name { |
} |
||||||
font-size: 32rpx; |
.item { |
||||||
color: #283031; |
padding: 12rpx 24rpx; |
||||||
font-weight: bold; |
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 { |
&.active { |
||||||
margin-top: 16rpx; |
color: #0eb66d; |
||||||
font-size: 28rpx; |
background: #ecfff7; |
||||||
color: #cf5375; |
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; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
.bottom-actions { |
||||||
// .footer-new { |
width: 100%; |
||||||
// position: fixed; |
padding: 0 48rpx; |
||||||
// 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; |
|
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
display: flex; |
.action-btn { |
||||||
align-items: center; |
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 @@ |
|||||||
{ |
|
||||||
"navigationBarTitleText": "", |
|
||||||
"navigationStyle": "custom", |
|
||||||
"disableScroll": true, |
|
||||||
"usingComponents": { |
|
||||||
"mp-html": "mp-html", |
|
||||||
"loginNavbar": "/components/loginNavbar/index", |
|
||||||
"navBar": "/components/navBar/navBar" |
|
||||||
} |
|
||||||
} |
|
||||||
@ -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 @@ |
|||||||
<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 @@ |
|||||||
{ |
|
||||||
"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 @@ |
|||||||
.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 @@ |
|||||||
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 @@ |
|||||||
<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