kola-web
10 months ago
88 changed files with 2687 additions and 5302 deletions
@ -1,35 +1,28 @@ |
|||||||
{ |
{ |
||||||
"$schema": "https://json.schemastore.org/prettierrc.json", |
"$schema": "http://json.schemastore.org/prettierrc", |
||||||
"printWidth": 120, |
"printWidth": 120, |
||||||
"tabWidth": 2, |
"tabWidth": 2, |
||||||
"useTabs": false, |
"useTabs": false, |
||||||
"semi": true, |
"semi": false, |
||||||
"singleQuote": true, |
"singleQuote": true, |
||||||
"bracketSpacing": true, |
"bracketSpacing": true, |
||||||
"trailingComma": "all", |
"trailingComma": "all", |
||||||
"arrowParens": "always", |
"arrowParens": "always", |
||||||
"endOfLine": "auto", |
"endOfLine": "lf", |
||||||
"htmlWhitespaceSensitivity": "ignore", |
"htmlWhitespaceSensitivity": "ignore", |
||||||
"singleAttributePerLine": false, |
"singleAttributePerLine": false, |
||||||
"jsxSingleQuote": true, |
|
||||||
"overrides": [ |
"overrides": [ |
||||||
{ |
{ |
||||||
"files": "*.wxml", |
"files": "*.wxml", |
||||||
"options": { |
"options": { "parser": "html" } |
||||||
"parser": "html" |
|
||||||
} |
|
||||||
}, |
}, |
||||||
{ |
{ |
||||||
"files": "*.wxss", |
"files": "*.wxss", |
||||||
"options": { |
"options": { "parser": "css" } |
||||||
"parser": "css" |
|
||||||
} |
|
||||||
}, |
}, |
||||||
{ |
{ |
||||||
"files": "*.wxs", |
"files": "*.wxs", |
||||||
"options": { |
"options": { "parser": "babel" } |
||||||
"parser": "babel" |
|
||||||
} |
|
||||||
} |
} |
||||||
] |
] |
||||||
} |
} |
||||||
|
|||||||
@ -1,75 +1,73 @@ |
|||||||
{ |
{ |
||||||
"description": "项目配置文件", |
"description": "项目配置文件", |
||||||
"miniprogramRoot": "src/", |
"miniprogramRoot": "src/", |
||||||
"compileType": "miniprogram", |
"compileType": "miniprogram", |
||||||
"setting": { |
"setting": { |
||||||
"useCompilerPlugins": [ |
"useCompilerPlugins": ["typescript", "sass"], |
||||||
"typescript", |
"babelSetting": { |
||||||
"sass" |
"ignore": [], |
||||||
], |
"disablePlugins": [], |
||||||
"babelSetting": { |
"outputPath": "" |
||||||
"ignore": [], |
}, |
||||||
"disablePlugins": [], |
"coverView": false, |
||||||
"outputPath": "" |
"postcss": false, |
||||||
}, |
"minified": false, |
||||||
"coverView": false, |
"enhance": true, |
||||||
"postcss": false, |
"showShadowRootInWxmlPanel": false, |
||||||
"minified": false, |
"packNpmManually": true, |
||||||
"enhance": true, |
"packNpmRelationList": [ |
||||||
"showShadowRootInWxmlPanel": false, |
{ |
||||||
"packNpmManually": true, |
"packageJsonPath": "package.json", |
||||||
"packNpmRelationList": [ |
"miniprogramNpmDistDir": "./src" |
||||||
{ |
} |
||||||
"packageJsonPath": "package.json", |
], |
||||||
"miniprogramNpmDistDir": "./src" |
"ignoreUploadUnusedFiles": true, |
||||||
} |
"compileHotReLoad": false, |
||||||
], |
"skylineRenderEnable": true, |
||||||
"ignoreUploadUnusedFiles": true, |
"es6": true, |
||||||
"compileHotReLoad": false, |
"compileWorklet": false, |
||||||
"skylineRenderEnable": true, |
"uglifyFileName": false, |
||||||
"es6": true, |
"uploadWithSourceMap": true, |
||||||
"compileWorklet": false, |
"minifyWXSS": true, |
||||||
"uglifyFileName": false, |
"minifyWXML": true, |
||||||
"uploadWithSourceMap": true, |
"localPlugins": false, |
||||||
"minifyWXSS": true, |
"disableUseStrict": false, |
||||||
"minifyWXML": true, |
"condition": false, |
||||||
"localPlugins": false, |
"swc": false, |
||||||
"disableUseStrict": false, |
"disableSWC": true |
||||||
"condition": false, |
}, |
||||||
"swc": false, |
"simulatorType": "wechat", |
||||||
"disableSWC": true |
"simulatorPluginLibVersion": {}, |
||||||
}, |
"condition": {}, |
||||||
"simulatorType": "wechat", |
"srcMiniprogramRoot": "src/", |
||||||
"simulatorPluginLibVersion": {}, |
"editorSetting": { |
||||||
"condition": {}, |
"tabIndent": "insertSpaces", |
||||||
"srcMiniprogramRoot": "src/", |
"tabSize": 2 |
||||||
"editorSetting": { |
}, |
||||||
"tabIndent": "insertSpaces", |
"libVersion": "3.7.7", |
||||||
"tabSize": 2 |
"ignore": [], |
||||||
}, |
"packOptions": { |
||||||
"libVersion": "3.7.7", |
"ignore": [ |
||||||
"ignore": [], |
{ |
||||||
"packOptions": { |
"value": "/images/*.*", |
||||||
"ignore": [ |
"type": "glob" |
||||||
{ |
}, |
||||||
"value": "/images/*.*", |
{ |
||||||
"type": "glob" |
"value": "/images/**/*.*", |
||||||
}, |
"type": "glob" |
||||||
{ |
}, |
||||||
"value": "/images/**/*.*", |
{ |
||||||
"type": "glob" |
"value": "/images/**/**/*.*", |
||||||
}, |
"type": "glob" |
||||||
{ |
} |
||||||
"value": "/images/**/**/*.*", |
], |
||||||
"type": "glob" |
"include": [ |
||||||
} |
{ |
||||||
], |
"value": "/images/tabbar/*.*", |
||||||
"include": [ |
"type": "glob" |
||||||
{ |
} |
||||||
"value": "/images/tabbar/*.*", |
] |
||||||
"type": "glob" |
}, |
||||||
} |
"appid": "wxf9ce8010f1ad24aa" |
||||||
] |
} |
||||||
}, |
|
||||||
"appid": "wxf9ce8010f1ad24aa" |
|
||||||
} |
|
||||||
|
|||||||
@ -1,19 +1,15 @@ |
|||||||
/* custom-tab-bar/index.wxss */ |
/* custom-tab-bar/index.wxss */ |
||||||
|
|
||||||
|
.tab-item { |
||||||
.tab-item { |
.icon { |
||||||
.icon { |
width: 48rpx; |
||||||
width: 50rpx; |
height: 48rpx; |
||||||
height: 50rpx; |
} |
||||||
} |
.name { |
||||||
.name { |
font-size: 20rpx; |
||||||
font-size: 24rpx; |
color: rgba(105, 104, 110, 1); |
||||||
color: #CCCCCC; |
&.active { |
||||||
&.active{ |
color: rgba(33, 29, 46, 1); |
||||||
color: #CF5375; |
} |
||||||
} |
} |
||||||
&.drug-active{ |
} |
||||||
color: #25D9C8; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|||||||
|
After Width: | Height: | Size: 456 KiB |
|
After Width: | Height: | Size: 603 B |
|
After Width: | Height: | Size: 581 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 660 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 933 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
@ -1,48 +1,44 @@ |
|||||||
page { |
page { |
||||||
background-color: #afb7cb; |
background-color: rgba(246, 248, 249, 1); |
||||||
} |
} |
||||||
.page { |
.page { |
||||||
height: 100vh; |
height: 100vh; |
||||||
display: flex; |
.container { |
||||||
flex-direction: column; |
padding: 84rpx 40rpx 0; |
||||||
.container { |
text-align: center; |
||||||
padding: 76rpx 48rpx 58rpx; |
display: flex; |
||||||
flex: 1; |
flex-direction: column; |
||||||
margin-top: 160rpx; |
justify-content: space-between; |
||||||
box-sizing: border-box; |
.icon { |
||||||
border-radius: 48rpx 48rpx 0 0; |
width: 128rpx; |
||||||
background-color: #fff; |
height: 128rpx; |
||||||
text-align: center; |
} |
||||||
display: flex; |
.title { |
||||||
flex-direction: column; |
margin-top: 51rpx; |
||||||
justify-content: space-between; |
font-size: 36rpx; |
||||||
.icon { |
color: rgba(0, 0, 0, 1); |
||||||
width: 256rpx; |
font-weight: bold; |
||||||
height: 256rpx; |
} |
||||||
} |
.tip { |
||||||
.title { |
margin-top: 48rpx; |
||||||
margin-top: 51rpx; |
padding: 32rpx; |
||||||
font-size: 48rpx; |
font-size: 32rpx; |
||||||
color: #495069; |
line-height: 48rpx; |
||||||
font-weight: bold; |
border-radius: 24rpx; |
||||||
} |
color: rgba(173, 172, 178, 1); |
||||||
.tip { |
background-color: #fff; |
||||||
text-align: left; |
} |
||||||
margin-top: 44rpx; |
.footer { |
||||||
font-size: 30rpx; |
margin-top: 80rpx; |
||||||
line-height: 53rpx; |
.rescan { |
||||||
color: #aeb7cd; |
width: 100%; |
||||||
} |
height: 88rpx; |
||||||
.footer { |
text-align: center; |
||||||
.rescan { |
color: #fff; |
||||||
width: 100%; |
line-height: 88rpx; |
||||||
height: 80rpx; |
background: linear-gradient( 197deg, #FFBCF9 0%, #B982FF 100%); |
||||||
text-align: center; |
border-radius: 42rpx; |
||||||
color: #fff; |
} |
||||||
line-height: 80rpx; |
} |
||||||
background: #B8BFD1; |
} |
||||||
border-radius: 42rpx; |
} |
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|||||||
@ -1,150 +1,142 @@ |
|||||||
const app = getApp<IAppOption>() |
const app = getApp<IAppOption>() |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: { |
data: { |
||||||
id: '', |
id: '', |
||||||
detail: {} as any, |
detail: {} as any, |
||||||
LNG: '' as number | string, |
LNG: '' as number | string, |
||||||
LAT: '' as number | string, |
LAT: '' as number | string, |
||||||
pagination: { |
pagination: { |
||||||
page: 1, |
page: 1, |
||||||
pages: 1, |
pages: 1, |
||||||
count: 1, |
count: 1, |
||||||
}, |
}, |
||||||
}, |
}, |
||||||
onLoad(options) { |
onLoad(options) { |
||||||
const SystemInfo = app.globalSystemInfo |
app.waitLogin({ type: [1] }).then((_res) => { |
||||||
if (SystemInfo) { |
this.setData({ |
||||||
const { top, bottom } = SystemInfo.capsulePosition |
id: options.id, |
||||||
this.setData({ |
}) |
||||||
top, |
this.handleToggleSite() |
||||||
bottom, |
}) |
||||||
}) |
}, |
||||||
} |
handleToggleSite() { |
||||||
app.zdWaitLogin().then((_res) => { |
const that = this |
||||||
this.setData({ |
if (!this.data.LNG) { |
||||||
id: options.id, |
wx.getSetting({ |
||||||
}) |
success(res) { |
||||||
this.handleToggleSite() |
if ( |
||||||
}) |
res.authSetting['scope.userFuzzyLocation'] != undefined && |
||||||
}, |
res.authSetting['scope.userFuzzyLocation'] == true |
||||||
handleToggleSite() { |
) { |
||||||
const that = this |
//获取当前位置
|
||||||
if (!this.data.LNG) { |
that.getFuzzyLocation() |
||||||
wx.getSetting({ |
} else if (res.authSetting['scope.userFuzzyLocation'] == undefined) { |
||||||
success(res) { |
//获取当前位置
|
||||||
if ( |
that.getFuzzyLocation() |
||||||
res.authSetting['scope.userFuzzyLocation'] != undefined && |
} else { |
||||||
res.authSetting['scope.userFuzzyLocation'] == true |
wx.showModal({ |
||||||
) { |
title: '请求授权当前位置', |
||||||
//获取当前位置
|
content: '需要获取您的地理位置，请确认授权', |
||||||
that.getFuzzyLocation() |
confirmColor: '#cf5375', |
||||||
} else if (res.authSetting['scope.userFuzzyLocation'] == undefined) { |
success(res) { |
||||||
//获取当前位置
|
if (res.cancel) { |
||||||
that.getFuzzyLocation() |
//取消授权
|
||||||
} else { |
wx.showToast({ |
||||||
wx.showModal({ |
title: '拒绝授权', |
||||||
title: '请求授权当前位置', |
icon: 'none', |
||||||
content: '需要获取您的地理位置，请确认授权', |
duration: 1000, |
||||||
confirmColor: '#cf5375', |
}) |
||||||
success(res) { |
that.getFuzzyLocation() |
||||||
if (res.cancel) { |
} else if (res.confirm) { |
||||||
//取消授权
|
//确定授权，通过wx.openSetting发起授权请求
|
||||||
wx.showToast({ |
wx.openSetting({ |
||||||
title: '拒绝授权', |
success(res) { |
||||||
icon: 'none', |
if (res.authSetting['scope.userFuzzyLocation'] == true) { |
||||||
duration: 1000, |
that.getFuzzyLocation() |
||||||
}) |
} else { |
||||||
that.getFuzzyLocation() |
that.getFuzzyLocation() |
||||||
} else if (res.confirm) { |
} |
||||||
//确定授权，通过wx.openSetting发起授权请求
|
}, |
||||||
wx.openSetting({ |
}) |
||||||
success(res) { |
} |
||||||
if (res.authSetting['scope.userFuzzyLocation'] == true) { |
}, |
||||||
that.getFuzzyLocation() |
}) |
||||||
} else { |
} |
||||||
that.getFuzzyLocation() |
}, |
||||||
} |
}) |
||||||
}, |
} else { |
||||||
}) |
that.setData({ |
||||||
} |
LNG: '', |
||||||
}, |
LAT: '', |
||||||
}) |
}) |
||||||
} |
this.getDetail() |
||||||
}, |
} |
||||||
}) |
}, |
||||||
} else { |
getFuzzyLocation() { |
||||||
that.setData({ |
const that = this |
||||||
LNG: '', |
wx.getFuzzyLocation({ |
||||||
LAT: '', |
success(res) { |
||||||
}) |
that.setData({ |
||||||
this.getDetail() |
LNG: res.longitude, |
||||||
} |
LAT: res.latitude, |
||||||
}, |
}) |
||||||
getFuzzyLocation() { |
that.getDetail() |
||||||
const that = this |
}, |
||||||
wx.getFuzzyLocation({ |
fail(_err) { |
||||||
success(res) { |
that.getDetail() |
||||||
that.setData({ |
}, |
||||||
LNG: res.longitude, |
}) |
||||||
LAT: res.latitude, |
}, |
||||||
}) |
getDetail() { |
||||||
that.getDetail() |
wx.ajax({ |
||||||
}, |
method: 'GET', |
||||||
fail(_err) { |
url: '?r=zd/doctor/detail', |
||||||
that.getDetail() |
data: { |
||||||
}, |
Id: this.data.id, |
||||||
}) |
lng: this.data.LNG, |
||||||
}, |
lat: this.data.LAT, |
||||||
getDetail() { |
}, |
||||||
wx.ajax({ |
}).then((res) => { |
||||||
method: 'GET', |
let weekName = '' |
||||||
url: '?r=zd/doctor/detail', |
if (res.ClinicType == 2) { |
||||||
data: { |
weekName = res.Clinic |
||||||
Id: this.data.id, |
} else { |
||||||
lng: this.data.LNG, |
weekName = (res.Clinic ? res.Clinic : []) |
||||||
lat: this.data.LAT, |
.map((subItem: { weekday: string | number; timeType: string | number }) => { |
||||||
}, |
const week = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] |
||||||
}).then((res) => { |
const timeDay = { 1: '上午', 2: '下午' } |
||||||
let weekName = '' |
return `${week[Number(subItem.weekday) - 1]}${timeDay[subItem.timeType]}` |
||||||
if (res.ClinicType == 2) { |
}) |
||||||
weekName = res.Clinic |
.join(',') |
||||||
} else { |
} |
||||||
weekName = (res.Clinic ? res.Clinic : []) |
this.setData({ |
||||||
.map((subItem: { weekday: string | number; timeType: string | number }) => { |
detail: { |
||||||
const week = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] |
...res, |
||||||
const timeDay = { 1: '上午', 2: '下午' } |
weekName, |
||||||
return `${week[Number(subItem.weekday) - 1]}${timeDay[subItem.timeType]}` |
}, |
||||||
}) |
}) |
||||||
.join(',') |
}) |
||||||
} |
}, |
||||||
this.setData({ |
handlePhone() { |
||||||
detail: { |
const { detail } = this.data |
||||||
...res, |
wx.makePhoneCall({ |
||||||
weekName, |
phoneNumber: detail.Telephone, |
||||||
}, |
}) |
||||||
}) |
}, |
||||||
}) |
handleOpenMap() { |
||||||
}, |
const { |
||||||
handlePhone() { |
detail: { hospital }, |
||||||
const { detail } = this.data |
} = this.data |
||||||
wx.makePhoneCall({ |
wx.openLocation({ |
||||||
phoneNumber: detail.Telephone, |
latitude: hospital.LAT, |
||||||
}) |
longitude: hospital.LNG, |
||||||
}, |
name: hospital.Name, |
||||||
handleOpenMap() { |
address: `${hospital.ProvinceName}${hospital.CityName}${hospital.AreaName}${hospital.Address}`, |
||||||
const { |
}) |
||||||
detail: { hospital }, |
}, |
||||||
} = this.data |
handleBack() { |
||||||
wx.openLocation({ |
wx.navigateBack() |
||||||
latitude: hospital.LAT, |
}, |
||||||
longitude: hospital.LNG, |
onPageScroll() {}, |
||||||
name: hospital.Name, |
}) |
||||||
address: `${hospital.ProvinceName}${hospital.CityName}${hospital.AreaName}${hospital.Address}`, |
|
||||||
}) |
|
||||||
}, |
|
||||||
handleBack() { |
|
||||||
wx.navigateBack() |
|
||||||
}, |
|
||||||
onPageScroll() {}, |
|
||||||
}) |
|
||||||
|
|||||||
@ -1,43 +1,50 @@ |
|||||||
<view |
<view |
||||||
class="page" |
class="page" |
||||||
style="padding-top: {{top+5}}px;background: url({{imageUrl}}za-images//doctor/my-bg.png?t={{Timestamp}}) no-repeat top center / 100% 740rpx" |
style="padding-top: {{pageTop+40}}px;background: url({{imageUrl}}bg10.png?t={{Timestamp}}) no-repeat top center / 100% 610rpx" |
||||||
> |
> |
||||||
<navBar title="" fixed background="{{background}}" home="{{false}}" back bind:back="handleBack"></navBar> |
<navbar fixed title="" custom-style="background:{{background}}"> |
||||||
|
<van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" /> |
||||||
|
</navbar> |
||||||
<view class="container"> |
<view class="container"> |
||||||
<view class="avatar"> |
<view class="avatar"> |
||||||
<image class="avatar-user" mode="aspectFill" src="{{detail.Img}}"></image> |
<image class="avatar-user" mode="aspectFill" src="{{detail.Img}}"></image> |
||||||
</view> |
</view> |
||||||
<view class="name">{{detail.Name}}</view> |
<view class="name"> |
||||||
|
{{detail.Name}} |
||||||
|
<view class="label">主任医生 | 眼科</view> |
||||||
|
</view> |
||||||
|
<view class="hostipal"> |
||||||
|
<view class="tag">三级甲等</view> |
||||||
|
{{detail.hospital.Name}} |
||||||
|
<!-- <view class="tag" wx:if="{{detail.hospital.HospitalClassificationName || detail.hospital.HospitalLevelName}}"> --> |
||||||
|
<!-- {{detail.hospital.HospitalClassificationName}}{{detail.hospital.HospitalLevelName}} --> |
||||||
|
<!-- </view> --> |
||||||
|
</view> |
||||||
<view class="card"> |
<view class="card"> |
||||||
<view class="content"> |
|
||||||
{{detail.hospital.Name}} |
|
||||||
<view class="tag" wx:if="{{detail.hospital.HospitalClassificationName || detail.hospital.HospitalLevelName}}"> |
|
||||||
{{detail.hospital.HospitalClassificationName}}{{detail.hospital.HospitalLevelName}} |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view |
<view |
||||||
class="c-row" |
class="c-row" |
||||||
bind:tap="handleOpenMap" |
bind:tap="handleOpenMap" |
||||||
wx:if="{{detail.hospital.ProvinceName || detail.hospital.CityName || detail.hospital.CountyName || detail.hospital.Address}}" |
wx:if="{{detail.hospital.ProvinceName || detail.hospital.CityName || detail.hospital.CountyName || detail.hospital.Address}}" |
||||||
> |
> |
||||||
<image class="icon" src="{{imageUrl}}za-images//doctor/icon-site.png?t={{Timestamp}}"></image> |
<image class="icon" src="/images/icon41.png"></image> |
||||||
<view> |
<view> |
||||||
{{detail.hospital.ProvinceName}}{{detail.hospital.CityName}}{{detail.hospital.CountyName}}{{detail.hospital.Address}} |
{{detail.hospital.ProvinceName}}{{detail.hospital.CityName}}{{detail.hospital.CountyName}}{{detail.hospital.Address}} |
||||||
<view class="site-num">{{detail.hospital.dist}}</view> |
<view class="site-num">{{detail.hospital.dist}}</view> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="c-row" bind:tap="handlePhone" wx:if="{{ detail.Telephone }}"> |
<view class="c-row" bind:tap="handlePhone" wx:if="{{ detail.Telephone }}"> |
||||||
<image class="icon" src="{{imageUrl}}za-images//doctor/icon-phone.png?t={{Timestamp}}"></image> |
<image class="icon" src="/images/icon42.png"></image> |
||||||
{{ detail.Telephone }} |
{{ detail.Telephone }} |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="row" wx:if="{{detail.Introduce}}"> |
</view> |
||||||
<image class="r-title" src="{{imageUrl}}za-images//doctor/my-title1.png?t={{Timestamp}}"></image> |
|
||||||
<view class="r-content">{{detail.Introduce}}</view> |
<view class="info-card" wx:if="{{detail.Introduce}}"> |
||||||
</view> |
<image class="r-title" src="{{imageUrl}}za-images//doctor/my-title1.png?t={{Timestamp}}"></image> |
||||||
<view class="row" wx:if="{{detail.weekName}}"> |
<view class="r-content">{{detail.Introduce}}</view> |
||||||
<image class="r-title" src="{{imageUrl}}za-images//doctor/my-title2.png?t={{Timestamp}}"></image> |
</view> |
||||||
<view class="r-content pre-line">{{detail.weekName}}</view> |
<view class="info-card" wx:if="{{detail.weekName}}"> |
||||||
</view> |
<image class="r-title" src="{{imageUrl}}za-images//doctor/my-title2.png?t={{Timestamp}}"></image> |
||||||
|
<view class="r-content pre-line">{{detail.weekName}}</view> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,9 +1,10 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "互动", |
"navigationBarTitleText": "互动", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-icon": "@vant/weapp/icon/index", |
"van-icon": "@vant/weapp/icon/index", |
||||||
"van-loading": "@vant/weapp/loading/index", |
"van-loading": "@vant/weapp/loading/index", |
||||||
"referralFrom": "/components/referralFrom/index" |
"referralFrom": "/components/referralFrom/index", |
||||||
|
"navbar": "/components/navbar/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,11 +1,12 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "", |
"navigationBarTitleText": "", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"navigationBarBackgroundColor": "#fafafa", |
"navigationBarBackgroundColor": "#fafafa", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-tab": "@vant/weapp/tab/index", |
"van-tab": "@vant/weapp/tab/index", |
||||||
"van-tabs": "@vant/weapp/tabs/index", |
"van-tabs": "@vant/weapp/tabs/index", |
||||||
"van-icon": "@vant/weapp/icon/index", |
"van-icon": "@vant/weapp/icon/index", |
||||||
|
"navbar": "/components/navbar/index", |
||||||
"patient-tab-bar": "/components/patient-tab-bar/index" |
"patient-tab-bar": "/components/patient-tab-bar/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,405 +1,326 @@ |
|||||||
.page { |
page { |
||||||
padding-bottom: 120rpx; |
background-color: rgba(246, 248, 249, 1); |
||||||
background-color: #fafafa; |
} |
||||||
position: relative; |
.page { |
||||||
.tab { |
padding-bottom: 120rpx; |
||||||
font-size: 32rpx; |
position: relative; |
||||||
color: #9e9e9e; |
.search { |
||||||
background-color: #fafafa; |
margin: 32rpx 30rpx 0; |
||||||
&.tab-active { |
padding: 12rpx 32rpx; |
||||||
font-size: 36rpx; |
background: #ffffff; |
||||||
color: #484848; |
border-radius: 38rpx; |
||||||
} |
display: flex; |
||||||
} |
align-items: center; |
||||||
.search { |
.icon { |
||||||
margin: 32rpx 30rpx 0; |
width: 40rpx; |
||||||
padding: 18rpx 32rpx; |
height: 40rpx; |
||||||
background: #ffffff; |
} |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
.input { |
||||||
border-radius: 38rpx; |
flex: 1; |
||||||
border: 2rpx solid #ebecee; |
margin-left: 20rpx; |
||||||
display: flex; |
font-size: 28rpx; |
||||||
align-items: center; |
} |
||||||
.icon { |
.placeholder-input { |
||||||
width: 40rpx; |
color: rgba(173, 172, 178, 1); |
||||||
height: 40rpx; |
} |
||||||
} |
.clear { |
||||||
.input { |
color: #ccc; |
||||||
flex: 1; |
} |
||||||
margin-left: 20rpx; |
} |
||||||
font-size: 28rpx; |
.sticky { |
||||||
} |
padding-bottom: 10rpx; |
||||||
.placeholder-input { |
.tags { |
||||||
color: #a8a8a8; |
margin-top: 20rpx; |
||||||
} |
padding-top: 28rpx; |
||||||
.clear { |
position: relative; |
||||||
color: #ccc; |
overflow-y: hidden; |
||||||
} |
overflow-x: auto; |
||||||
} |
padding-bottom: 8rpx; |
||||||
.sticky { |
&::-webkit-scrollbar { |
||||||
position: sticky; |
display: none; |
||||||
top: 0rpx; |
} |
||||||
left: 0; |
.scroll { |
||||||
z-index: 20; |
padding-left: 30rpx; |
||||||
padding-bottom: 10rpx; |
display: flex; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
flex-wrap: nowrap; |
||||||
background-color: #fafafa; |
.tag { |
||||||
.tags { |
margin-right: 16rpx; |
||||||
margin-top: 20rpx; |
flex-shrink: 0; |
||||||
padding-top: 28rpx; |
font-size: 28rpx; |
||||||
position: relative; |
color: rgba(33, 29, 46, 1); |
||||||
overflow-y: hidden; |
background-color: rgba(255, 255, 255, 1); |
||||||
overflow-x: auto; |
border-radius: 8rpx; |
||||||
padding-bottom: 8rpx; |
padding: 8rpx 24rpx; |
||||||
&::-webkit-scrollbar { |
line-height: 1.2; |
||||||
display: none; |
&.active { |
||||||
} |
position: relative; |
||||||
.scroll { |
color: #fff; |
||||||
padding-left: 30rpx; |
background-color: rgba(185, 130, 255, 1); |
||||||
display: flex; |
} |
||||||
flex-wrap: nowrap; |
} |
||||||
.tag { |
.site { |
||||||
margin-right: 16rpx; |
flex-shrink: 0; |
||||||
flex-shrink: 0; |
margin-left: auto; |
||||||
font-size: 28rpx; |
position: sticky; |
||||||
color: #484848; |
top: 0; |
||||||
background-color: #f2f2f2; |
right: 0; |
||||||
border-radius: 24rpx; |
display: flex; |
||||||
padding: 10rpx 24rpx; |
align-items: center; |
||||||
line-height: 1; |
justify-content: center; |
||||||
&.active { |
width: 164rpx; |
||||||
position: relative; |
white-space: nowrap; |
||||||
color: #fff; |
font-size: 24rpx; |
||||||
background-color: var(--name); |
color: #484848; |
||||||
} |
background-color: #fafafa; |
||||||
} |
box-shadow: -12rpx 2rpx 10rpx -12rpx rgba(0, 0, 0, 0.5); |
||||||
.site { |
.icon { |
||||||
flex-shrink: 0; |
margin-right: 8rpx; |
||||||
margin-left: auto; |
width: 32rpx; |
||||||
position: sticky; |
height: 32rpx; |
||||||
top: 0; |
} |
||||||
right: 0; |
} |
||||||
display: flex; |
} |
||||||
align-items: center; |
} |
||||||
justify-content: center; |
} |
||||||
width: 164rpx; |
.info-list { |
||||||
white-space: nowrap; |
margin: 32rpx 30rpx; |
||||||
font-size: 24rpx; |
.list-item { |
||||||
color: #484848; |
margin-bottom: 32rpx; |
||||||
background-color: #fafafa; |
background: #ffffff; |
||||||
box-shadow: -12rpx 2rpx 10rpx -12rpx rgba(0, 0, 0, 0.5); |
border-radius: 24rpx; |
||||||
.icon { |
|
||||||
margin-right: 8rpx; |
.photo-wrap { |
||||||
width: 32rpx; |
position: relative; |
||||||
height: 32rpx; |
.photo { |
||||||
} |
border-radius: 24rpx 24rpx 0 0; |
||||||
} |
display: block; |
||||||
} |
width: 100%; |
||||||
} |
height: 328rpx; |
||||||
} |
} |
||||||
.info-list { |
.sign { |
||||||
margin: 32rpx 30rpx; |
position: absolute; |
||||||
.list-item { |
right: 24rpx; |
||||||
margin-bottom: 32rpx; |
top: 24rpx; |
||||||
background: #ffffff; |
width: 120rpx; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
height: 42rpx; |
||||||
border-radius: 24rpx; |
font-size: 24rpx; |
||||||
border: 2rpx solid #ebecee; |
display: flex; |
||||||
|
align-items: center; |
||||||
.photo-wrap { |
justify-content: center; |
||||||
position: relative; |
color: rgba(255, 255, 255, 1); |
||||||
.photo { |
background: rgba(0, 0, 0, 0.53); |
||||||
border-radius: 24rpx 24rpx 0 0; |
border-radius: 74rpx 74rpx 74rpx 74rpx; |
||||||
display: block; |
} |
||||||
width: 100%; |
} |
||||||
height: 388rpx; |
.inner { |
||||||
} |
padding: 32rpx 34rpx; |
||||||
.status { |
background-color: #fff; |
||||||
padding: 6rpx 32rpx; |
border-radius: 0 0 24rpx 24rpx; |
||||||
position: absolute; |
.title { |
||||||
top: 0; |
font-size: 32rpx; |
||||||
left: 0; |
color: rgba(33, 29, 46, 1); |
||||||
display: flex; |
font-weight: bold; |
||||||
align-items: center; |
line-height: 48rpx; |
||||||
background: linear-gradient(90deg, #e5e9f5 0%, #fde4ec 100%); |
} |
||||||
border-radius: 24rpx 0rpx 24rpx 0rpx; |
.labels { |
||||||
font-size: 28rpx; |
margin-top: 16rpx; |
||||||
color: var(--name); |
max-width: 56vw; |
||||||
.dot { |
font-size: 28rpx; |
||||||
margin-right: 8rpx; |
color: rgba(105, 104, 110, 1); |
||||||
width: 13rpx; |
white-space: nowrap; |
||||||
height: 13rpx; |
text-overflow: ellipsis; |
||||||
border-radius: 50%; |
overflow: hidden; |
||||||
background-color: var(--name); |
.line { |
||||||
} |
margin: 0 4rpx; |
||||||
&.bad { |
vertical-align: baseline; |
||||||
color: #484848; |
display: inline-block; |
||||||
background: #e6e6e6; |
width: 1px; |
||||||
.dot { |
height: 24rpx; |
||||||
display: none; |
background-color: rgba(105, 104, 110, 0.2); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
.footer { |
||||||
.money { |
margin-top: 32rpx; |
||||||
padding: 0 16rpx 0 0; |
display: flex; |
||||||
position: absolute; |
align-items: center; |
||||||
right: 16rpx; |
justify-content: space-between; |
||||||
bottom: 16rpx; |
.people { |
||||||
background-color: #ffedca; |
flex-shrink: 0; |
||||||
font-size: 24rpx; |
color: rgba(173, 172, 178, 1); |
||||||
color: #f5ad1d; |
font-size: 28rpx; |
||||||
line-height: 30rpx; |
} |
||||||
display: flex; |
.btn { |
||||||
align-items: center; |
margin-left: 10rpx; |
||||||
justify-content: center; |
flex-shrink: 0; |
||||||
border-radius: 36rpx; |
padding: 18rpx 36rpx; |
||||||
.icon { |
font-size: 30rpx; |
||||||
margin-right: 5rpx; |
line-height: 1; |
||||||
width: 38rpx; |
color: #ffffff; |
||||||
height: 36rpx; |
background: linear-gradient(to right, #c690fd, #d79ffc); |
||||||
} |
border-radius: 80rpx; |
||||||
} |
min-width: 182rpx; |
||||||
.date { |
box-sizing: border-box; |
||||||
padding: 18rpx 18rpx 8rpx; |
text-align: center; |
||||||
position: absolute; |
&.active { |
||||||
left: 40rpx; |
color: #484848; |
||||||
bottom: 0; |
background: #e7e7e7; |
||||||
background: var(--name); |
} |
||||||
border-radius: 11rpx 11rpx 0rpx 0rpx; |
.icon { |
||||||
text-align: center; |
width: 24rpx; |
||||||
.d-title { |
height: 24rpx; |
||||||
font-size: 22rpx; |
} |
||||||
color: #ffffff; |
} |
||||||
font-weight: bold; |
} |
||||||
.icon { |
} |
||||||
margin-right: -10rpx; |
} |
||||||
} |
} |
||||||
} |
|
||||||
.ymd { |
.video-list { |
||||||
font-size: 18rpx; |
margin: 32rpx 30rpx; |
||||||
color: #fff; |
.list-item { |
||||||
line-height: 28rpx; |
margin-bottom: 32rpx; |
||||||
border-bottom: 2rpx solid rgba(255, 255, 255, 0.34); |
background: #ffffff; |
||||||
} |
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
||||||
.hm { |
border-radius: 24rpx; |
||||||
font-size: 18rpx; |
border: 2rpx solid #ebecee; |
||||||
color: #fff; |
|
||||||
line-height: 28rpx; |
.photo-wrap { |
||||||
} |
position: relative; |
||||||
} |
.photo { |
||||||
} |
border-radius: 24rpx 24rpx 0 0; |
||||||
.inner { |
display: block; |
||||||
padding: 32rpx 34rpx; |
width: 100%; |
||||||
background-color: #fff; |
height: 388rpx; |
||||||
border-radius: 0 0 24rpx 24rpx; |
} |
||||||
.title { |
.status { |
||||||
font-size: 32rpx; |
padding: 6rpx 32rpx; |
||||||
color: #252525; |
position: absolute; |
||||||
font-weight: bold; |
top: 0; |
||||||
} |
left: 0; |
||||||
.content { |
display: flex; |
||||||
margin-top: 20rpx; |
align-items: center; |
||||||
display: flex; |
background: linear-gradient(90deg, #e5e9f5 0%, #fde4ec 100%); |
||||||
justify-content: space-between; |
border-radius: 24rpx 0rpx 24rpx 0rpx; |
||||||
align-items: flex-start; |
font-size: 28rpx; |
||||||
.labels { |
color: var(--name); |
||||||
display: flex; |
.dot { |
||||||
align-items: center; |
margin-right: 8rpx; |
||||||
flex-wrap: wrap; |
width: 13rpx; |
||||||
.label { |
height: 13rpx; |
||||||
margin-right: 16rpx; |
border-radius: 50%; |
||||||
margin-bottom: 16rpx; |
background-color: var(--name); |
||||||
padding: 2rpx 20rpx; |
} |
||||||
font-size: 22rpx; |
&.bad { |
||||||
color: var(--name); |
color: #484848; |
||||||
border-radius: 18rpx; |
background: #e6e6e6; |
||||||
background-color: var(--tag-bg); |
.dot { |
||||||
word-break: break-all; |
display: none; |
||||||
} |
} |
||||||
} |
} |
||||||
.people { |
} |
||||||
flex-shrink: 0; |
.date { |
||||||
color: #9e9e9e; |
padding: 18rpx 18rpx 8rpx; |
||||||
font-size: 22rpx; |
position: absolute; |
||||||
} |
left: 40rpx; |
||||||
} |
bottom: 0; |
||||||
.footer { |
background: var(--name); |
||||||
margin-top: 32rpx; |
border-radius: 11rpx 11rpx 0rpx 0rpx; |
||||||
display: flex; |
text-align: center; |
||||||
align-items: center; |
.d-title { |
||||||
justify-content: space-between; |
font-size: 22rpx; |
||||||
.site { |
color: #ffffff; |
||||||
font-size: 22rpx; |
font-weight: bold; |
||||||
color: #bebebe; |
} |
||||||
} |
.ymd { |
||||||
.btn { |
font-size: 18rpx; |
||||||
margin-left: 10rpx; |
color: #fff; |
||||||
flex-shrink: 0; |
line-height: 28rpx; |
||||||
padding: 4rpx 36rpx; |
border-bottom: 2rpx solid rgba(255, 255, 255, 0.34); |
||||||
font-size: 28rpx; |
} |
||||||
color: #ffffff; |
.hm { |
||||||
background: var(--name); |
font-size: 18rpx; |
||||||
border-radius: 24rpx; |
color: #fff; |
||||||
&.active { |
line-height: 28rpx; |
||||||
color: #484848; |
} |
||||||
background-color: #e7e7e7; |
} |
||||||
} |
.money { |
||||||
.icon { |
padding: 0 16rpx 0 0; |
||||||
width: 24rpx; |
position: absolute; |
||||||
height: 24rpx; |
right: 16rpx; |
||||||
} |
bottom: 16rpx; |
||||||
} |
background-color: #ffedca; |
||||||
} |
font-size: 24rpx; |
||||||
} |
color: #f5ad1d; |
||||||
} |
line-height: 30rpx; |
||||||
} |
display: flex; |
||||||
|
align-items: center; |
||||||
.video-list { |
justify-content: center; |
||||||
margin: 32rpx 30rpx; |
border-radius: 36rpx; |
||||||
.list-item { |
.icon { |
||||||
margin-bottom: 32rpx; |
margin-right: 5rpx; |
||||||
background: #ffffff; |
width: 38rpx; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
height: 36rpx; |
||||||
border-radius: 24rpx; |
} |
||||||
border: 2rpx solid #ebecee; |
} |
||||||
|
} |
||||||
.photo-wrap { |
.inner { |
||||||
position: relative; |
padding: 32rpx 34rpx; |
||||||
.photo { |
background-color: #fff; |
||||||
border-radius: 24rpx 24rpx 0 0; |
border-radius: 0 0 24rpx 24rpx; |
||||||
display: block; |
.title { |
||||||
width: 100%; |
font-size: 32rpx; |
||||||
height: 388rpx; |
color: #252525; |
||||||
} |
font-weight: bold; |
||||||
.status { |
} |
||||||
padding: 6rpx 32rpx; |
.content { |
||||||
position: absolute; |
margin-top: 20rpx; |
||||||
top: 0; |
display: flex; |
||||||
left: 0; |
justify-content: space-between; |
||||||
display: flex; |
align-items: flex-start; |
||||||
align-items: center; |
.labels { |
||||||
background: linear-gradient(90deg, #e5e9f5 0%, #fde4ec 100%); |
display: flex; |
||||||
border-radius: 24rpx 0rpx 24rpx 0rpx; |
align-items: center; |
||||||
font-size: 28rpx; |
flex-wrap: wrap; |
||||||
color: var(--name); |
.label { |
||||||
.dot { |
margin-right: 16rpx; |
||||||
margin-right: 8rpx; |
padding: 2rpx 20rpx; |
||||||
width: 13rpx; |
font-size: 22rpx; |
||||||
height: 13rpx; |
color: var(--name); |
||||||
border-radius: 50%; |
border-radius: 18rpx; |
||||||
background-color: var(--name); |
background-color: var(--tag-bg); |
||||||
} |
word-break: break-all; |
||||||
&.bad { |
} |
||||||
color: #484848; |
} |
||||||
background: #e6e6e6; |
.people { |
||||||
.dot { |
color: #9e9e9e; |
||||||
display: none; |
flex-shrink: 0; |
||||||
} |
font-size: 22rpx; |
||||||
} |
} |
||||||
} |
} |
||||||
.date { |
.footer { |
||||||
padding: 18rpx 18rpx 8rpx; |
margin-top: 32rpx; |
||||||
position: absolute; |
display: flex; |
||||||
left: 40rpx; |
align-items: center; |
||||||
bottom: 0; |
justify-content: space-between; |
||||||
background: var(--name); |
.site { |
||||||
border-radius: 11rpx 11rpx 0rpx 0rpx; |
font-size: 22rpx; |
||||||
text-align: center; |
color: #bebebe; |
||||||
.d-title { |
} |
||||||
font-size: 22rpx; |
.btn { |
||||||
color: #ffffff; |
margin-left: 10rpx; |
||||||
font-weight: bold; |
flex-shrink: 0; |
||||||
} |
padding: 4rpx 36rpx; |
||||||
.ymd { |
font-size: 28rpx; |
||||||
font-size: 18rpx; |
color: #ffffff; |
||||||
color: #fff; |
background: var(--name); |
||||||
line-height: 28rpx; |
border-radius: 24rpx; |
||||||
border-bottom: 2rpx solid rgba(255, 255, 255, 0.34); |
&.active { |
||||||
} |
color: #484848; |
||||||
.hm { |
background-color: #e7e7e7; |
||||||
font-size: 18rpx; |
} |
||||||
color: #fff; |
} |
||||||
line-height: 28rpx; |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.money { |
} |
||||||
padding: 0 16rpx 0 0; |
} |
||||||
position: absolute; |
|
||||||
right: 16rpx; |
|
||||||
bottom: 16rpx; |
|
||||||
background-color: #ffedca; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #f5ad1d; |
|
||||||
line-height: 30rpx; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: center; |
|
||||||
border-radius: 36rpx; |
|
||||||
.icon { |
|
||||||
margin-right: 5rpx; |
|
||||||
width: 38rpx; |
|
||||||
height: 36rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.inner { |
|
||||||
padding: 32rpx 34rpx; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 0 0 24rpx 24rpx; |
|
||||||
.title { |
|
||||||
font-size: 32rpx; |
|
||||||
color: #252525; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.content { |
|
||||||
margin-top: 20rpx; |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: flex-start; |
|
||||||
.labels { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
flex-wrap: wrap; |
|
||||||
.label { |
|
||||||
margin-right: 16rpx; |
|
||||||
padding: 2rpx 20rpx; |
|
||||||
font-size: 22rpx; |
|
||||||
color: var(--name); |
|
||||||
border-radius: 18rpx; |
|
||||||
background-color: var(--tag-bg); |
|
||||||
word-break: break-all; |
|
||||||
} |
|
||||||
} |
|
||||||
.people { |
|
||||||
color: #9e9e9e; |
|
||||||
flex-shrink: 0; |
|
||||||
font-size: 22rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.footer { |
|
||||||
margin-top: 32rpx; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: space-between; |
|
||||||
.site { |
|
||||||
font-size: 22rpx; |
|
||||||
color: #bebebe; |
|
||||||
} |
|
||||||
.btn { |
|
||||||
margin-left: 10rpx; |
|
||||||
flex-shrink: 0; |
|
||||||
padding: 4rpx 36rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #ffffff; |
|
||||||
background: var(--name); |
|
||||||
border-radius: 24rpx; |
|
||||||
&.active { |
|
||||||
color: #484848; |
|
||||||
background-color: #e7e7e7; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|||||||
@ -1,10 +1,12 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "活动详情", |
"navigationBarTitleText": "活动详情", |
||||||
"navigationBarBackgroundColor": "#EEF0F3", |
"navigationBarBackgroundColor": "#EEF0F3", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"mp-html": "mp-html", |
"mp-html": "mp-html", |
||||||
|
"van-icon": "@vant/weapp/icon/index", |
||||||
"customPoster": "/components/customPoster/index", |
"customPoster": "/components/customPoster/index", |
||||||
|
"navbar": "/components/navbar/index", |
||||||
"van-popup": "@vant/weapp/popup/index" |
"van-popup": "@vant/weapp/popup/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,5 +1,7 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "", |
"navigationBarTitleText": "", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"usingComponents": {} |
"usingComponents": { |
||||||
|
"navbar": "/components/navbar/index" |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,100 +1,84 @@ |
|||||||
const app = getApp<IAppOption>(); |
const app = getApp<IAppOption>() |
||||||
import dayjs from "dayjs"; |
import dayjs from 'dayjs' |
||||||
let live_time: null | number = null; |
let live_time: null | number = null |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: { |
data: { |
||||||
id: "", |
id: '', |
||||||
detail: {} as any, |
detail: {} as any, |
||||||
liveDetail: {} as any, |
liveDetail: {} as any, |
||||||
zdUserInfo: {}, |
zdUserInfo: {}, |
||||||
codeUrl: "", |
codeUrl: '', |
||||||
dateValue: "" as string | number, |
dateValue: '' as string | number, |
||||||
rewardScore: 0 as number | undefined, |
rewardScore: 0 as number | undefined, |
||||||
}, |
}, |
||||||
onLoad(options) { |
onLoad(options) { |
||||||
this.setData({ |
this.setData({ |
||||||
id: options.id, |
id: options.id, |
||||||
rewardScore: options.rewardScore, |
rewardScore: options.rewardScore, |
||||||
}); |
}) |
||||||
if (live_time) { |
if (live_time) { |
||||||
clearInterval(live_time); |
clearInterval(live_time) |
||||||
} |
} |
||||||
this.setData({ |
this.setData({ |
||||||
dateValue: dayjs().valueOf(), |
dateValue: dayjs().valueOf(), |
||||||
}); |
}) |
||||||
live_time = setInterval(() => { |
live_time = setInterval(() => { |
||||||
this.setData({ |
this.setData({ |
||||||
dateValue: dayjs().valueOf(), |
dateValue: dayjs().valueOf(), |
||||||
}); |
}) |
||||||
}, 1000); |
}, 1000) |
||||||
app.zdWaitLogin().then((_res) => { |
app.waitLogin({ type: [1] }).then((_res) => { |
||||||
this.getLiveDetail(); |
this.getLiveDetail() |
||||||
this.getDetail(); |
this.getDetail() |
||||||
this.getCode(); |
app.getZdUserInfo(this, true) |
||||||
app.getZdUserInfo(this, true); |
}) |
||||||
}); |
}, |
||||||
}, |
getDetail() { |
||||||
getDetail() { |
wx.ajax({ |
||||||
wx.ajax({ |
method: 'GET', |
||||||
method: "GET", |
url: '?r=zd/activity/sign-up-detail', |
||||||
url: "?r=zd/activity/sign-up-detail", |
data: { |
||||||
data: { |
Id: this.data.id, |
||||||
Id: this.data.id, |
}, |
||||||
}, |
}).then((res) => { |
||||||
}).then((res) => { |
res.BeginTime = dayjs(res.BeginTime).format('YYYY-MM-DD HH:mm') |
||||||
res.BeginTime = dayjs(res.BeginTime).format("YYYY-MM-DD HH:mm"); |
res.BeginTimeValue = dayjs(res.BeginTime).valueOf() |
||||||
res.BeginTimeValue = dayjs(res.BeginTime).valueOf(); |
this.setData({ |
||||||
this.setData({ |
detail: res, |
||||||
detail: res, |
}) |
||||||
}); |
}) |
||||||
}); |
}, |
||||||
}, |
getLiveDetail() { |
||||||
getLiveDetail() { |
wx.ajax({ |
||||||
wx.ajax({ |
method: 'GET', |
||||||
method: "GET", |
url: '?r=zd/activity/detail', |
||||||
url: "?r=zd/activity/detail", |
data: { |
||||||
data: { |
Id: this.data.id, |
||||||
Id: this.data.id, |
}, |
||||||
}, |
}).then((res) => { |
||||||
}).then((res) => { |
this.setData({ |
||||||
this.setData({ |
liveDetail: res, |
||||||
liveDetail: res, |
}) |
||||||
}); |
}) |
||||||
}); |
}, |
||||||
}, |
handleLive() { |
||||||
handleLive() { |
const { TencentMeetingCode } = this.data.detail |
||||||
const { TencentMeetingCode } = this.data.detail; |
wx.navigateToMiniProgram({ |
||||||
wx.navigateToMiniProgram({ |
appId: 'wx33fd6cdc62520063', // 要跳转的微信小程序appid
|
||||||
appId: "wx33fd6cdc62520063", // 要跳转的微信小程序appid
|
path: `pages/index/index?code=${TencentMeetingCode}`, |
||||||
path: `pages/index/index?code=${TencentMeetingCode}`, |
}) |
||||||
}); |
}, |
||||||
}, |
handleHome() { |
||||||
getCode() { |
wx.reLaunch({ |
||||||
const { registChannel } = app.globalData; |
url: '/patient/pages/index/index', |
||||||
wx.ajax({ |
}) |
||||||
method: "GET", |
}, |
||||||
url: "?r=zd/common/get-channel-wx-code", |
onShareAppMessage() { |
||||||
data: { |
return { |
||||||
Id: this.data.id, |
title: this.data.detail.ActivityName, |
||||||
ChannelType: registChannel, |
path: `/patient/pages/liveDetail/index?id=${this.data.detail.ActivityId}`, |
||||||
}, |
imageUrl: `${this.data.liveDetail.IntroductionUrl}`, |
||||||
}).then((res) => { |
} |
||||||
this.setData({ |
}, |
||||||
codeUrl: res, |
}) |
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
handleHome() { |
|
||||||
wx.reLaunch({ |
|
||||||
url: "/patient/pages/index/index", |
|
||||||
}); |
|
||||||
}, |
|
||||||
onShareAppMessage() { |
|
||||||
return { |
|
||||||
title: this.data.detail.ActivityName, |
|
||||||
path: `/patient/pages/liveDetail/index?id=${this.data.detail.ActivityId}`, |
|
||||||
imageUrl: `${this.data.liveDetail.IntroductionUrl}`, |
|
||||||
}; |
|
||||||
}, |
|
||||||
}); |
|
||||||
|
|||||||
@ -1,61 +1,23 @@ |
|||||||
<view class="page"> |
<navbar fixed title="" custom-style="background:{{background}}"> |
||||||
<block wx:if="{{detail.AuditStatus==1}}"> |
<van-icon name="arrow-left" slot="left" color="background=='#FFFFFF'?'#000':'#fff'" bind:tap="handleBack" /> |
||||||
<image class="badge" mode="aspectFit" src="{{imageUrl}}za-images/1/live-result-reject.png?t={{Timestamp}}"></image> |
</navbar> |
||||||
<view class="status green">资料审核中</view> |
<!-- padding-top:{{pageTop+22}}px; --> |
||||||
<view class="tip">资料审核通过后可参与活动</view> |
<view class="page" style="background: url('/images/bg10.png') no-repeat top center/100% 610rpx"> |
||||||
</block> |
<view class="bg"></view> |
||||||
<block wx:elif="{{detail.SignUpStatus==2 && (detail.AuditStatus==3 || detail.AuditStatus==4)}}"> |
<view class="page-container" style="top:{{pageTop+30}}px;"> |
||||||
<!-- <block> --> |
<image class="badge" mode="aspectFit" src="/images/icon43.png"></image> |
||||||
<image class="badge" mode="aspectFit" src="{{imageUrl}}za-images/1/live-result-success.png?t={{Timestamp}}"></image> |
|
||||||
<view class="status">报名成功</view> |
<view class="status">报名成功</view> |
||||||
<view class="tip">您已成功报名大咖秀</view> |
<view class="tip">欢迎您参与此次活动</view> |
||||||
<view class="price" wx:if="{{rewardScore>0}}"> |
<view class="container"> |
||||||
+{{rewardScore}} |
<view class="c-content"> |
||||||
<view class="sub">能量</view> |
<image class="banner" src="{{liveDetail.IntroductionUrl}}"></image> |
||||||
</view> |
<view class="c-title">{{detail.ActivityName}}</view> |
||||||
</block> |
<view class="date">直播时间： {{detail.BeginTime}}</view> |
||||||
<view class="container"> |
<view wx:if="{{detail.BeginTimeValue * 1 < dateValue * 1 && detail.Type==1}}" class="btn" bind:tap="handleLive"> |
||||||
<view class="c-content"> |
立即进入直播间 |
||||||
<!-- <video --> |
</view> |
||||||
<!-- class="video" --> |
<button open-type="share" class="btn btn2">分享活动</button> |
||||||
<!-- 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}}za-images/1/date.png?t={{Timestamp}}"></image> |
|
||||||
{{detail.BeginTime}} |
|
||||||
</view> |
</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"> |
|
||||||
<block wx:if="{{detail.AuditStatus==1}}"> |
|
||||||
<button wx:if="{{detail.IsFollow==1}}" open-type="share" class="btn">邀约好友参与</button> |
|
||||||
<view class="btn btn2" bind:tap="handleHome">随便看看</view> |
|
||||||
</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> |
|
||||||
</view> |
</view> |
||||||
|
|||||||
@ -1,9 +1,10 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "我报名的活动", |
"navigationBarTitleText": "我报名的活动", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-tab": "@vant/weapp/tab/index", |
"van-tab": "@vant/weapp/tab/index", |
||||||
"van-tabs": "@vant/weapp/tabs/index", |
"van-tabs": "@vant/weapp/tabs/index", |
||||||
|
"navbar": "/components/navbar/index", |
||||||
"van-icon": "@vant/weapp/icon/index" |
"van-icon": "@vant/weapp/icon/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,318 +1,116 @@ |
|||||||
.page { |
page { |
||||||
padding-bottom: 120rpx; |
background-color: rgba(246, 248, 249, 1); |
||||||
.sticky { |
} |
||||||
position: sticky; |
.page { |
||||||
top: 0; |
padding-bottom: 120rpx; |
||||||
left: 0; |
.sticky { |
||||||
z-index: 20; |
position: sticky; |
||||||
background-color: #fff; |
top: 0; |
||||||
padding-bottom: 10rpx; |
left: 0; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
z-index: 20; |
||||||
.tab { |
background-color: #fff; |
||||||
font-size: 32rpx; |
padding-bottom: 10rpx; |
||||||
color: #9e9e9e; |
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
||||||
} |
.tab { |
||||||
.tab-active { |
font-size: 32rpx; |
||||||
font-size: 36rpx; |
color: #9e9e9e; |
||||||
color: #484848; |
} |
||||||
} |
.tab-active { |
||||||
} |
font-size: 36rpx; |
||||||
|
color: #484848; |
||||||
.allin-list { |
} |
||||||
margin: 32rpx 30rpx; |
} |
||||||
.on-list-item { |
|
||||||
margin-bottom: 20rpx; |
.allin-list { |
||||||
background: #ffffff; |
margin: 32rpx 30rpx; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
.list-item { |
||||||
border-radius: 24rpx; |
margin-bottom: 32rpx; |
||||||
border: 2rpx solid #ebecee; |
background: #ffffff; |
||||||
|
border-radius: 24rpx; |
||||||
.photo-wrap { |
|
||||||
position: relative; |
.photo-wrap { |
||||||
.photo { |
position: relative; |
||||||
border-radius: 24rpx 24rpx 0 0; |
.photo { |
||||||
display: block; |
border-radius: 24rpx 24rpx 0 0; |
||||||
width: 100%; |
display: block; |
||||||
height: 388rpx; |
width: 100%; |
||||||
} |
height: 328rpx; |
||||||
.status { |
} |
||||||
padding: 6rpx 32rpx; |
.sign { |
||||||
position: absolute; |
position: absolute; |
||||||
top: 0; |
right: 24rpx; |
||||||
left: 0; |
top: 24rpx; |
||||||
display: flex; |
width: 120rpx; |
||||||
align-items: center; |
height: 42rpx; |
||||||
background: linear-gradient(90deg, #e5e9f5 0%, #fde4ec 100%); |
font-size: 24rpx; |
||||||
border-radius: 24rpx 0rpx 24rpx 0rpx; |
display: flex; |
||||||
font-size: 28rpx; |
align-items: center; |
||||||
color: #e04775; |
justify-content: center; |
||||||
.dot { |
color: rgba(255, 255, 255, 1); |
||||||
margin-right: 8rpx; |
background: rgba(0, 0, 0, 0.53); |
||||||
width: 13rpx; |
border-radius: 74rpx 74rpx 74rpx 74rpx; |
||||||
height: 13rpx; |
} |
||||||
border-radius: 50%; |
} |
||||||
background-color: #e04775; |
.inner { |
||||||
} |
padding: 32rpx 34rpx; |
||||||
&.bad { |
background-color: #fff; |
||||||
color: #484848; |
border-radius: 0 0 24rpx 24rpx; |
||||||
background: #e6e6e6; |
.title { |
||||||
.dot { |
font-size: 32rpx; |
||||||
display: none; |
color: rgba(33, 29, 46, 1); |
||||||
} |
font-weight: bold; |
||||||
} |
line-height: 48rpx; |
||||||
} |
} |
||||||
.date { |
.labels { |
||||||
padding: 18rpx 18rpx 8rpx; |
margin-top: 16rpx; |
||||||
position: absolute; |
max-width: 56vw; |
||||||
left: 40rpx; |
font-size: 28rpx; |
||||||
bottom: 0; |
color: rgba(105, 104, 110, 1); |
||||||
background: #e04775; |
white-space: nowrap; |
||||||
border-radius: 11rpx 11rpx 0rpx 0rpx; |
text-overflow: ellipsis; |
||||||
text-align: center; |
overflow: hidden; |
||||||
.d-title { |
.line { |
||||||
font-size: 22rpx; |
margin: 0 4rpx; |
||||||
color: #ffffff; |
vertical-align: baseline; |
||||||
font-weight: bold; |
display: inline-block; |
||||||
} |
width: 1px; |
||||||
.ymd { |
height: 24rpx; |
||||||
font-size: 18rpx; |
background-color: rgba(105, 104, 110, 0.2); |
||||||
color: #fff; |
} |
||||||
line-height: 28rpx; |
} |
||||||
border-bottom: 2rpx solid rgba(255, 255, 255, 0.34); |
.footer { |
||||||
} |
margin-top: 32rpx; |
||||||
.hm { |
display: flex; |
||||||
font-size: 18rpx; |
align-items: center; |
||||||
color: #fff; |
justify-content: space-between; |
||||||
line-height: 28rpx; |
.people { |
||||||
} |
flex-shrink: 0; |
||||||
} |
color: rgba(173, 172, 178, 1); |
||||||
} |
font-size: 28rpx; |
||||||
.inner { |
} |
||||||
padding: 32rpx 34rpx; |
.btn { |
||||||
background-color: #fff; |
margin-left: 10rpx; |
||||||
border-radius: 0 0 24rpx 24rpx; |
flex-shrink: 0; |
||||||
.tag { |
padding: 18rpx 36rpx; |
||||||
margin-bottom: 16rpx; |
font-size: 30rpx; |
||||||
width: 112rpx; |
line-height: 1; |
||||||
height: 36rpx; |
color: #ffffff; |
||||||
font-size: 22rpx; |
background: linear-gradient(to right, #c690fd, #d79ffc); |
||||||
color: #ffffff; |
border-radius: 80rpx; |
||||||
line-height: 36rpx; |
min-width: 182rpx; |
||||||
text-align: center; |
box-sizing: border-box; |
||||||
background: #ffc137; |
text-align: center; |
||||||
border-radius: 8rpx; |
&.active { |
||||||
} |
color: #484848; |
||||||
.title { |
background: #e7e7e7; |
||||||
font-size: 32rpx; |
} |
||||||
color: #252525; |
.icon { |
||||||
font-weight: bold; |
width: 24rpx; |
||||||
.t-tag { |
height: 24rpx; |
||||||
display: inline-block; |
} |
||||||
width: 112rpx; |
} |
||||||
height: 36rpx; |
} |
||||||
font-size: 22rpx; |
} |
||||||
color: #ffffff; |
} |
||||||
line-height: 36rpx; |
} |
||||||
text-align: center; |
} |
||||||
background: #e04775; |
|
||||||
border-radius: 8rpx; |
|
||||||
margin-right: 1em; |
|
||||||
} |
|
||||||
} |
|
||||||
.content { |
|
||||||
margin-top: 20rpx; |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
.labels { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
flex-wrap: wrap; |
|
||||||
.label { |
|
||||||
margin-right: 16rpx; |
|
||||||
margin-bottom: 16rpx; |
|
||||||
padding: 2rpx 20rpx; |
|
||||||
font-size: 22rpx; |
|
||||||
color: #e04775; |
|
||||||
border-radius: 18rpx; |
|
||||||
background-color: rgba(224, 71, 117, 0.13); |
|
||||||
word-break: break-all; |
|
||||||
} |
|
||||||
} |
|
||||||
.people { |
|
||||||
color: #9e9e9e; |
|
||||||
font-size: 22rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.footer { |
|
||||||
margin-top: 32rpx; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: space-between; |
|
||||||
.site { |
|
||||||
font-size: 22rpx; |
|
||||||
color: #bebebe; |
|
||||||
} |
|
||||||
.btn { |
|
||||||
margin-left: 10rpx; |
|
||||||
flex-shrink: 0; |
|
||||||
padding: 4rpx 36rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #ffffff; |
|
||||||
background: #e04775; |
|
||||||
border-radius: 24rpx; |
|
||||||
&.active { |
|
||||||
color: #484848; |
|
||||||
background-color: #e7e7e7; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 24rpx; |
|
||||||
height: 24rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.off-list-item { |
|
||||||
margin-bottom: 20rpx; |
|
||||||
background: #ffffff; |
|
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
|
||||||
border-radius: 24rpx; |
|
||||||
border: 2rpx solid #ebecee; |
|
||||||
|
|
||||||
.photo-wrap { |
|
||||||
position: relative; |
|
||||||
.photo { |
|
||||||
border-radius: 24rpx 24rpx 0 0; |
|
||||||
display: block; |
|
||||||
width: 100%; |
|
||||||
height: 388rpx; |
|
||||||
} |
|
||||||
.status { |
|
||||||
padding: 6rpx 32rpx; |
|
||||||
position: absolute; |
|
||||||
top: 0; |
|
||||||
left: 0; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
background: linear-gradient(90deg, #e5e9f5 0%, #fde4ec 100%); |
|
||||||
border-radius: 24rpx 0rpx 24rpx 0rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #e04775; |
|
||||||
.dot { |
|
||||||
margin-right: 8rpx; |
|
||||||
width: 13rpx; |
|
||||||
height: 13rpx; |
|
||||||
border-radius: 50%; |
|
||||||
background-color: #e04775; |
|
||||||
} |
|
||||||
&.bad { |
|
||||||
color: #484848; |
|
||||||
background: #e6e6e6; |
|
||||||
.dot { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.date { |
|
||||||
padding: 18rpx 18rpx 8rpx; |
|
||||||
position: absolute; |
|
||||||
left: 40rpx; |
|
||||||
bottom: 0; |
|
||||||
background: #e04775; |
|
||||||
border-radius: 11rpx 11rpx 0rpx 0rpx; |
|
||||||
text-align: center; |
|
||||||
.d-title { |
|
||||||
font-size: 22rpx; |
|
||||||
color: #ffffff; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.ymd { |
|
||||||
font-size: 18rpx; |
|
||||||
color: #fff; |
|
||||||
line-height: 28rpx; |
|
||||||
border-bottom: 2rpx solid rgba(255, 255, 255, 0.34); |
|
||||||
} |
|
||||||
.hm { |
|
||||||
font-size: 18rpx; |
|
||||||
color: #fff; |
|
||||||
line-height: 28rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.inner { |
|
||||||
padding: 32rpx 34rpx; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 0 0 24rpx 24rpx; |
|
||||||
.tag { |
|
||||||
margin-bottom: 16rpx; |
|
||||||
width: 112rpx; |
|
||||||
height: 36rpx; |
|
||||||
font-size: 22rpx; |
|
||||||
color: #ffffff; |
|
||||||
line-height: 36rpx; |
|
||||||
text-align: center; |
|
||||||
background: #ffc137; |
|
||||||
border-radius: 8rpx; |
|
||||||
} |
|
||||||
.title { |
|
||||||
font-size: 32rpx; |
|
||||||
color: #252525; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.content { |
|
||||||
margin-top: 20rpx; |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
.labels { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
flex-wrap: wrap; |
|
||||||
.label { |
|
||||||
margin-right: 16rpx; |
|
||||||
margin-bottom: 16rpx; |
|
||||||
padding: 2rpx 20rpx; |
|
||||||
font-size: 22rpx; |
|
||||||
color: #e04775; |
|
||||||
border-radius: 18rpx; |
|
||||||
background-color: rgba(224, 71, 117, 0.13); |
|
||||||
word-break: break-all; |
|
||||||
} |
|
||||||
} |
|
||||||
.people { |
|
||||||
color: #9e9e9e; |
|
||||||
font-size: 22rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.footer { |
|
||||||
margin-top: 32rpx; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: space-between; |
|
||||||
.site { |
|
||||||
font-size: 22rpx; |
|
||||||
color: #bebebe; |
|
||||||
} |
|
||||||
.btn { |
|
||||||
margin-left: 10rpx; |
|
||||||
flex-shrink: 0; |
|
||||||
padding: 4rpx 36rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #ffffff; |
|
||||||
background: #e04775; |
|
||||||
border-radius: 24rpx; |
|
||||||
&.active { |
|
||||||
color: #484848; |
|
||||||
background-color: #e7e7e7; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 24rpx; |
|
||||||
height: 24rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|||||||
@ -1,162 +1,62 @@ |
|||||||
<view class="page"> |
<navbar fixed title="我报名的活动" custom-style="background:{{background}}"> |
||||||
<view class="sticky"> |
<van-icon name="arrow-left" slot="left" color="#000" bind:tap="handleBack" /> |
||||||
<van-tabs |
</navbar> |
||||||
wx:if="{{online_open_status==1 && offline_open_status==1}}" |
|
||||||
class="navbar" |
<view |
||||||
active="{{ active }}" |
class="page" |
||||||
bind:change="tabChange" |
style="background: url('/images/bg10.png') no-repeat top center/100% 410rpx;padding-top:{{pageTop+22}}px;" |
||||||
title-inactive-color="#9E9E9E" |
> |
||||||
title-active-color="#484848" |
<view class="allin-list"> |
||||||
line-width="{{17}}" |
<view class="list-item" wx:for="{{list}}" bind:tap="handleDetail" data-id="{{item.Id}}" wx:key="index"> |
||||||
line-height="{{4}}" |
<view class="photo-wrap"> |
||||||
color="#E04775" |
<image class="photo" mode="aspectFill" src="{{item.IntroductionUrl}}"></image> |
||||||
tab-class="tab" |
<view class="sign" wx:if="{{item.SignUpStatus==2}}">已报名</view> |
||||||
tab-active-class="tab-active" |
</view> |
||||||
> |
<view class="inner"> |
||||||
<van-tab title="全部"></van-tab> |
<view class="title">{{item.Name}}</view> |
||||||
<van-tab title="线上活动"></van-tab> |
<view class="labels" wx:if="{{item.doctorName}}"> |
||||||
<van-tab title="线下活动"></van-tab> |
{{item.doctorName}} |
||||||
</van-tabs> |
<text class="line" wx:if="{{item.MasterHosipital}}"></text> |
||||||
</view> |
{{item.MasterHosipital}} |
||||||
<view class="allin-list"> |
</view> |
||||||
<block wx:for="{{list}}" wx:key="Id"> |
<view class="footer"> |
||||||
<view class="on-list-item" wx:if="{{item.Type==1}}" bind:tap="handleDetail" data-id="{{item.Id}}"> |
<view class="people" wx:if="{{item.SignUpPeopleNum * 1}}">{{item.SignUpPeopleNum}}人已报名</view> |
||||||
<view class="photo-wrap"> |
<view class="btn active" wx:if="{{ item.Status==99}}">已取消</view> |
||||||
<image class="photo" mode="aspectFill" src="{{item.IntroductionUrl}}"></image> |
<view class="btn active" wx:elif="{{ item.Status==100}}">已删除</view> |
||||||
<view class="status {{item.Status != 2 && 'bad'}}"> |
<view class="btn" wx:elif="{{item.Status==3 && item.ReplayVideoUrl}}">看回放</view> |
||||||
<view class="dot"></view> |
<view class="btn active" wx:elif="{{item.Status==3 && !item.ReplayVideoUrl}}">回放生成中</view> |
||||||
{{liveStatus[item.Status]}} |
<block wx:elif="{{item.IsSignUp==1 && zdUserInfo.AuditStatus}}"> |
||||||
</view> |
<block |
||||||
<!-- <view class="date"> --> |
wx:if="{{zdUserInfo.AuditStatus == 1 || zdUserInfo.AuditStatus == 3 || zdUserInfo.AuditStatus == 4}}" |
||||||
<!-- <view class="d-title"> --> |
> |
||||||
<!-- <van-icon class="icon" name="play" /> --> |
<view class="btn active" wx:if="{{item.SignUpStatus==1}}">审核中</view> |
||||||
<!-- 会议时间 --> |
<block wx:elif="{{item.SignUpStatus==2}}"> |
||||||
<!-- </view> --> |
<view class="btn" wx:if="{{item.BeginTimeValue * 1 < dateValue * 1}}">参会</view> |
||||||
<!-- <block wx:if="{{item.isDay}}"> --> |
<view class="btn active" wx:else>已报名</view> |
||||||
<!-- <view class="ymd">{{item.BeginDate}}</view> --> |
</block> |
||||||
<!-- <view class="hm">{{item.BeginHm}}-{{item.EndHm}}</view> --> |
<block wx:elif="{{item.SignUpStatus==3}}"> |
||||||
<!-- </block> --> |
<view |
||||||
<!-- <block wx:else> --> |
class="btn active" |
||||||
<!-- <view class="ymd">{{item.BeginTime}}</view> --> |
wx:if="{{item.IsLimitUser==1 && item.SignUpPeopleNum * 1 >= item.LimitPeopleNum * 1}}" |
||||||
<!-- <view class="hm">{{item.EndTime}}</view> --> |
> |
||||||
<!-- </block> --> |
已满额 |
||||||
<!-- </view> --> |
</view> |
||||||
</view> |
</block> |
||||||
<view class="inner"> |
</block> |
||||||
<view class="tag" wx:if="{{active==0}}">线上活动</view> |
</block> |
||||||
<view class="title">{{item.Name}}</view> |
<block wx:else> |
||||||
<view class="content"> |
<view |
||||||
<view class="labels"> |
class="btn active" |
||||||
<view class="label" wx:for="{{item.Labels}}" wx:for-item="label" wx:key="index">{{label}}</view> |
wx:if="{{item.IsLimitUser==1 && item.SignUpPeopleNum * 1 >= item.LimitPeopleNum * 1}}" |
||||||
</view> |
> |
||||||
<view class="people" wx:if="{{~~item.SignUpPeopleNum}}">{{item.SignUpPeopleNum}}人已报名</view> |
已满额 |
||||||
</view> |
</view> |
||||||
<view class="footer"> |
<view class="btn active" wx:elif="{{item.SignUpDeadlineValue * 1 < dateValue * 1}}">报名已截止</view> |
||||||
<view class="site">{{item.MasterName}} {{item.MasterTitle}}</view> |
<view class="btn" wx:else>报名</view> |
||||||
<view class="btn active" wx:if="{{ item.Status==99}}">已取消</view> |
</block> |
||||||
<view class="btn active" wx:elif="{{ item.Status==100}}">已删除</view> |
</view> |
||||||
<view class="btn" wx:elif="{{item.Status==3 && item.ReplayVideoUrl}}">看回放</view> |
</view> |
||||||
<view class="btn active" wx:elif="{{item.Status==3 && !item.ReplayVideoUrl}}">回放生成中</view> |
</view> |
||||||
<block wx:elif="{{item.IsSignUp==1 && zdUserInfo.AuditStatus}}"> |
</view> |
||||||
<block wx:if="{{zdUserInfo.AuditStatus == 1 || zdUserInfo.AuditStatus == 3 || zdUserInfo.AuditStatus == 4}}"> |
<pagination pagination="{{pagination}}"></pagination> |
||||||
<view class="btn active" wx:if="{{item.SignUpStatus==1}}">审核中</view> |
</view> |
||||||
<block wx:elif="{{item.SignUpStatus==2}}"> |
|
||||||
<view class="btn" wx:if="{{item.BeginTimeValue * 1 < dateValue * 1}}">参会</view> |
|
||||||
<view class="btn active" wx:else>已报名</view> |
|
||||||
</block> |
|
||||||
<block wx:elif="{{item.SignUpStatus==3}}"> |
|
||||||
<view |
|
||||||
class="btn active" |
|
||||||
wx:if="{{item.IsLimitUser==1 && item.SignUpPeopleNum * 1 >= item.LimitPeopleNum * 1}}" |
|
||||||
> |
|
||||||
已满额 |
|
||||||
</view> |
|
||||||
</block> |
|
||||||
</block> |
|
||||||
</block> |
|
||||||
<block wx:else> |
|
||||||
<view |
|
||||||
class="btn active" |
|
||||||
wx:if="{{item.IsLimitUser==1 && item.SignUpPeopleNum * 1 >= item.LimitPeopleNum * 1}}" |
|
||||||
> |
|
||||||
已满额 |
|
||||||
</view> |
|
||||||
<view class="btn active" wx:elif="{{item.SignUpDeadlineValue * 1 < dateValue * 1}}">报名已截止</view> |
|
||||||
<view class="btn" wx:else>报名</view> |
|
||||||
</block> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="off-list-item" wx:elif="{{item.Type==2}}" bind:tap="handleDetail" data-id="{{item.Id}}"> |
|
||||||
<view class="photo-wrap"> |
|
||||||
<image class="photo" mode="aspectFill" src="{{item.IntroductionUrl}}"></image> |
|
||||||
<view class="status {{item.Status != 2 && 'bad'}}"> |
|
||||||
<view class="dot"></view> |
|
||||||
{{activityStatus[item.Status]}} |
|
||||||
</view> |
|
||||||
<!-- <view class="date"> --> |
|
||||||
<!-- <view class="d-title"> --> |
|
||||||
<!-- <van-icon name="play" /> --> |
|
||||||
<!-- 活动时间 --> |
|
||||||
<!-- </view> --> |
|
||||||
<!-- <block wx:if="{{item.isDay}}"> --> |
|
||||||
<!-- <view class="ymd">{{item.BeginDate}}</view> --> |
|
||||||
<!-- <view class="hm">{{item.BeginHm}}-{{item.EndHm}}</view> --> |
|
||||||
<!-- </block> --> |
|
||||||
<!-- <block wx:else> --> |
|
||||||
<!-- <view class="ymd">{{item.BeginTime}}</view> --> |
|
||||||
<!-- <view class="hm">{{item.EndTime}}</view> --> |
|
||||||
<!-- </block> --> |
|
||||||
<!-- </view> --> |
|
||||||
</view> |
|
||||||
<view class="inner"> |
|
||||||
<view class="tag" wx:if="{{active==0}}">线下活动</view> |
|
||||||
<view class="title">{{item.Name}}</view> |
|
||||||
<view class="content"> |
|
||||||
<view class="labels"> |
|
||||||
<view class="label" wx:for="{{item.Labels}}" wx:for-item="label" wx:key="index">{{label}}</view> |
|
||||||
</view> |
|
||||||
<view class="people" wx:if="{{~~item.SignUpPeopleNum}}">{{item.SignUpPeopleNum}}人已报名</view> |
|
||||||
</view> |
|
||||||
<view class="footer"> |
|
||||||
<view class="site"> |
|
||||||
<view>{{item.Location}}</view> |
|
||||||
<view>{{item.Distance}}</view> |
|
||||||
</view> |
|
||||||
<view class="btn active" wx:if="{{ item.Status==3}}">已结束</view> |
|
||||||
<view class="btn active" wx:elif="{{ item.Status==99}}">已取消</view> |
|
||||||
<view class="btn active" wx:elif="{{ item.Status==100}}">已删除</view> |
|
||||||
<block wx:elif="{{item.IsSignUp==1 && zdUserInfo.AuditStatus}}"> |
|
||||||
<block wx:if="{{zdUserInfo.AuditStatus == 1 || zdUserInfo.AuditStatus == 3 || zdUserInfo.AuditStatus == 4}}"> |
|
||||||
<view class="btn active" wx:if="{{item.SignUpStatus==1}}">审核中</view> |
|
||||||
<block wx:elif="{{item.SignUpStatus==2}}"> |
|
||||||
<view class="btn" wx:if="{{item.BeginTimeValue * 1 < dateValue * 1}}">已报名</view> |
|
||||||
<view class="btn active" wx:else>已报名</view> |
|
||||||
</block> |
|
||||||
<block wx:elif="{{item.SignUpStatus==3}}"> |
|
||||||
<view |
|
||||||
class="btn active" |
|
||||||
wx:if="{{item.IsLimitUser==1 && item.SignUpPeopleNum * 1 >= item.LimitPeopleNum * 1}}" |
|
||||||
> |
|
||||||
已满额 |
|
||||||
</view> |
|
||||||
</block> |
|
||||||
</block> |
|
||||||
</block> |
|
||||||
<block wx:else> |
|
||||||
<view |
|
||||||
class="btn active" |
|
||||||
wx:if="{{item.IsLimitUser==1 && item.SignUpPeopleNum * 1 >= item.LimitPeopleNum * 1}}" |
|
||||||
> |
|
||||||
已满额 |
|
||||||
</view> |
|
||||||
<view class="btn active" wx:elif="{{item.SignUpDeadlineValue * 1 < dateValue * 1}}">报名已截止</view> |
|
||||||
<view class="btn" wx:else>报名</view> |
|
||||||
</block> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</block> |
|
||||||
</view> |
|
||||||
<pagination pagination="{{pagination}}"></pagination> |
|
||||||
</view> |
|
||||||
|
|||||||
@ -1,9 +1,10 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "我的收藏", |
"navigationBarTitleText": "我的收藏", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-tab": "@vant/weapp/tab/index", |
"van-tab": "@vant/weapp/tab/index", |
||||||
"van-tabs": "@vant/weapp/tabs/index", |
"van-tabs": "@vant/weapp/tabs/index", |
||||||
|
"navbar": "/components/navbar/index", |
||||||
"van-icon": "@vant/weapp/icon/index" |
"van-icon": "@vant/weapp/icon/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,295 +1,97 @@ |
|||||||
.page { |
page { |
||||||
padding-bottom: 120rpx; |
background-color: rgba(246, 248, 249, 1); |
||||||
.sticky { |
} |
||||||
position: sticky; |
|
||||||
top: 0; |
.page { |
||||||
left: 0; |
padding-bottom: 120rpx; |
||||||
z-index: 20; |
.sticky { |
||||||
background-color: #fff; |
position: sticky; |
||||||
padding-bottom: 10rpx; |
top: 0; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
left: 0; |
||||||
.tab { |
z-index: 20; |
||||||
font-size: 32rpx; |
background-color: #fff; |
||||||
color: #9e9e9e; |
padding-bottom: 10rpx; |
||||||
} |
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
||||||
.tab-active { |
.tab { |
||||||
font-size: 36rpx; |
font-size: 32rpx; |
||||||
color: #484848; |
color: #9e9e9e; |
||||||
} |
} |
||||||
} |
.tab-active { |
||||||
|
font-size: 36rpx; |
||||||
.info-list { |
color: #484848; |
||||||
margin: 32rpx 30rpx; |
} |
||||||
padding: 24rpx; |
} |
||||||
background: #ffffff; |
|
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
.info-list { |
||||||
border-radius: 24rpx; |
margin: 32rpx 30rpx; |
||||||
border: 2rpx solid #ebecee; |
padding: 24rpx; |
||||||
.list-item { |
background: #ffffff; |
||||||
display: flex; |
border-radius: 24rpx; |
||||||
margin-bottom: 22rpx; |
.list-item { |
||||||
.photo { |
display: flex; |
||||||
width: 232rpx; |
margin-bottom: 22rpx; |
||||||
height: 184rpx; |
border-bottom: 1rpx dotted rgba(39, 58, 101, 0.2); |
||||||
flex-shrink: 0; |
&:last-of-type{ |
||||||
border-radius: 16rpx; |
border: none; |
||||||
border: 1rpx solid #ebecee; |
} |
||||||
margin-right: 16rpx; |
.photo { |
||||||
} |
width: 210rpx; |
||||||
.inner { |
height: 140rpx; |
||||||
flex: 1; |
flex-shrink: 0; |
||||||
padding-bottom: 20rpx; |
border-radius: 16rpx; |
||||||
border-bottom: 1rpx solid rgba(182, 183, 186, 0.21); |
margin-right: 16rpx; |
||||||
.title { |
} |
||||||
font-size: 28rpx; |
.inner { |
||||||
color: #252525; |
flex: 1; |
||||||
font-weight: bold; |
padding-bottom: 20rpx; |
||||||
line-height: 42rpx; |
.title { |
||||||
} |
font-size: 32rpx; |
||||||
.date { |
color: rgba(33, 29, 46, 1); |
||||||
margin-top: 10rpx; |
font-weight: bold; |
||||||
color: #9e9e9e; |
line-height: 42rpx; |
||||||
font-size: 22rpx; |
} |
||||||
} |
.date { |
||||||
.labels { |
margin-top: 12rpx; |
||||||
margin-top: 16rpx; |
color: rgba(173, 172, 178, 1); |
||||||
display: flex; |
font-size: 28rpx; |
||||||
flex-wrap: wrap; |
} |
||||||
align-items: center; |
.footer { |
||||||
.label { |
margin-top: 20rpx; |
||||||
margin-right: 16rpx; |
display: flex; |
||||||
margin-bottom: 10rpx; |
gap: 48rpx; |
||||||
padding: 2rpx 20rpx; |
.f-item { |
||||||
font-size: 22rpx; |
display: flex; |
||||||
color: #e04775; |
align-items: center; |
||||||
word-break: break-all; |
gap: 8rpx; |
||||||
border-radius: 18rpx; |
font-size: 28rpx; |
||||||
background-color: rgba(224, 71, 117, 0.13); |
color: rgba(105, 104, 110, 1); |
||||||
} |
line-height: 1; |
||||||
} |
.icon { |
||||||
.footer { |
margin-right: 8rpx; |
||||||
margin-top: 10rpx; |
width: 36rpx; |
||||||
display: flex; |
height: 36rpx; |
||||||
justify-content: flex-end; |
} |
||||||
.f-item { |
&.active { |
||||||
display: flex; |
color: #e04775; |
||||||
align-items: center; |
} |
||||||
font-size: 22rpx; |
} |
||||||
color: #b6b7ba; |
.share { |
||||||
.icon { |
padding: 0; |
||||||
margin-right: 8rpx; |
background-color: transparent; |
||||||
width: 32rpx; |
margin: 0; |
||||||
height: 32rpx; |
&::after { |
||||||
} |
border: none; |
||||||
&.active { |
outline: none; |
||||||
color: #e04775; |
} |
||||||
} |
} |
||||||
&::after { |
.line { |
||||||
margin: 18rpx; |
margin: 18rpx; |
||||||
content: ""; |
width: 2rpx; |
||||||
width: 2rpx; |
height: 20rpx; |
||||||
height: 20rpx; |
background-color: #f3f3f4; |
||||||
background-color: #f3f3f4; |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.share { |
} |
||||||
padding: 0; |
} |
||||||
background-color: transparent; |
} |
||||||
margin: 0; |
|
||||||
&::after { |
|
||||||
border: none; |
|
||||||
outline: none; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.video-list { |
|
||||||
margin: 32rpx 30rpx; |
|
||||||
.list-item { |
|
||||||
margin-bottom: 20rpx; |
|
||||||
background: #ffffff; |
|
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
|
||||||
border-radius: 24rpx; |
|
||||||
border: 2rpx solid #ebecee; |
|
||||||
.photo { |
|
||||||
position: relative; |
|
||||||
border-radius: 24rpx 24rpx 0 0; |
|
||||||
display: block; |
|
||||||
width: 100%; |
|
||||||
height: 388rpx; |
|
||||||
overflow: hidden; |
|
||||||
.video { |
|
||||||
border-radius: inherit; |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
} |
|
||||||
.poster { |
|
||||||
position: absolute; |
|
||||||
top: 0; |
|
||||||
left: 0; |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
border-radius: inherit; |
|
||||||
} |
|
||||||
.play { |
|
||||||
position: absolute; |
|
||||||
left: 50%; |
|
||||||
top: 50%; |
|
||||||
transform: translate(-50%, -50%); |
|
||||||
width: 104rpx; |
|
||||||
height: 104rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.inner { |
|
||||||
padding: 32rpx 34rpx 28rpx; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 0 0 24rpx 24rpx; |
|
||||||
.title { |
|
||||||
font-size: 32rpx; |
|
||||||
color: #252525; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.content { |
|
||||||
margin-top: 22rpx; |
|
||||||
padding-bottom: 24rpx; |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
border-bottom: 1rpx solid #ebecee; |
|
||||||
.labels { |
|
||||||
display: flex; |
|
||||||
flex-wrap: wrap; |
|
||||||
align-items: center; |
|
||||||
.label { |
|
||||||
margin-right: 16rpx; |
|
||||||
margin-bottom: 10rpx; |
|
||||||
padding: 2rpx 20rpx; |
|
||||||
font-size: 22rpx; |
|
||||||
color: #e04775; |
|
||||||
word-break: break-all; |
|
||||||
border-radius: 18rpx; |
|
||||||
background-color: rgba(224, 71, 117, 0.13); |
|
||||||
} |
|
||||||
} |
|
||||||
.date { |
|
||||||
color: #9e9e9e; |
|
||||||
font-size: 22rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.footer { |
|
||||||
margin-top: 28rpx; |
|
||||||
display: flex; |
|
||||||
justify-content: space-around; |
|
||||||
.f-item { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
font-size: 22rpx; |
|
||||||
color: #b6b7ba; |
|
||||||
.icon { |
|
||||||
margin-right: 8rpx; |
|
||||||
width: 32rpx; |
|
||||||
height: 32rpx; |
|
||||||
} |
|
||||||
&.active { |
|
||||||
color: #e04775; |
|
||||||
} |
|
||||||
&::after { |
|
||||||
margin: 18rpx; |
|
||||||
content: ""; |
|
||||||
width: 2rpx; |
|
||||||
height: 20rpx; |
|
||||||
background-color: #f3f3f4; |
|
||||||
} |
|
||||||
} |
|
||||||
.share { |
|
||||||
padding: 0; |
|
||||||
background-color: transparent; |
|
||||||
margin: 0; |
|
||||||
&::after { |
|
||||||
border: none; |
|
||||||
outline: none; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.question-list { |
|
||||||
margin: 32rpx 30rpx; |
|
||||||
.row { |
|
||||||
padding: 38rpx 32rpx; |
|
||||||
display: flex; |
|
||||||
background: #ffffff; |
|
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
|
||||||
border-radius: 24rpx; |
|
||||||
border: 2rpx solid #ebecee; |
|
||||||
margin-bottom: 16rpx; |
|
||||||
.num { |
|
||||||
padding: 0 15rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #cf5375; |
|
||||||
flex-shrink: 0; |
|
||||||
height: 40rpx; |
|
||||||
background: #ffffff linear-gradient(136deg, #e8ebfd 0%, #fde0ea 100%); |
|
||||||
border-radius: 8rpx; |
|
||||||
text-align: center; |
|
||||||
line-height: 40rpx; |
|
||||||
} |
|
||||||
.wrap { |
|
||||||
flex: 1; |
|
||||||
color: #252525; |
|
||||||
padding-left: 16rpx; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: space-between; |
|
||||||
.content { |
|
||||||
flex: 1; |
|
||||||
.c-title { |
|
||||||
font-size: 28rpx; |
|
||||||
color: #252525; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.footer { |
|
||||||
margin-top: 28rpx; |
|
||||||
display: flex; |
|
||||||
justify-content: flex-end; |
|
||||||
.f-item { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
font-size: 22rpx; |
|
||||||
color: #b6b7ba; |
|
||||||
.icon { |
|
||||||
margin-right: 8rpx; |
|
||||||
width: 32rpx; |
|
||||||
height: 32rpx; |
|
||||||
} |
|
||||||
&.active { |
|
||||||
color: #e04775; |
|
||||||
} |
|
||||||
&:not(:last-of-type)::after { |
|
||||||
margin: 18rpx; |
|
||||||
content: ""; |
|
||||||
width: 2rpx; |
|
||||||
height: 20rpx; |
|
||||||
background-color: #f3f3f4; |
|
||||||
} |
|
||||||
} |
|
||||||
.share { |
|
||||||
padding: 0; |
|
||||||
background-color: transparent; |
|
||||||
margin: 0; |
|
||||||
&::after { |
|
||||||
border: none; |
|
||||||
outline: none; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|||||||
@ -1,10 +1,11 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "", |
"navigationBarTitleText": "", |
||||||
"navigationStyle": "default", |
"navigationStyle": "custom", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-tab": "@vant/weapp/tab/index", |
"van-tab": "@vant/weapp/tab/index", |
||||||
"van-tabs": "@vant/weapp/tabs/index", |
"van-tabs": "@vant/weapp/tabs/index", |
||||||
"van-icon": "@vant/weapp/icon/index", |
"van-icon": "@vant/weapp/icon/index", |
||||||
"patient-tab-bar": "/components/patient-tab-bar/index" |
"patient-tab-bar": "/components/patient-tab-bar/index", |
||||||
|
"navbar": "/components/navbar/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,236 +1,237 @@ |
|||||||
.page { |
.page { |
||||||
.page-container { |
.page-container { |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
margin-top: -20rpx; |
margin-top: -20rpx; |
||||||
padding: 40rpx 30rpx 200rpx; |
padding: 40rpx 30rpx 200rpx; |
||||||
|
|
||||||
.banner { |
.banner { |
||||||
.title { |
.title { |
||||||
margin-top: 34rpx; |
margin-top: 34rpx; |
||||||
font-size: 44rpx; |
font-size: 44rpx; |
||||||
color: #484848; |
color: #484848; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
.banner-footer { |
.banner-footer { |
||||||
margin-top: 22rpx; |
margin-top: 22rpx; |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
justify-content: space-between; |
justify-content: space-between; |
||||||
font-size: 28rpx; |
font-size: 28rpx; |
||||||
color: #9e9e9e; |
color: #9e9e9e; |
||||||
.views { |
.views { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
.icon { |
.icon { |
||||||
margin-right: 6rpx; |
margin-right: 6rpx; |
||||||
width: 32rpx; |
width: 32rpx; |
||||||
height: 32rpx; |
height: 32rpx; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.tags { |
.tags { |
||||||
margin-top: 32rpx; |
margin-top: 32rpx; |
||||||
.tag { |
.tag { |
||||||
margin: 0 16rpx 16rpx 0; |
margin: 0 16rpx 16rpx 0; |
||||||
padding: 2rpx 20rpx; |
padding: 2rpx 20rpx; |
||||||
display: inline-block; |
display: inline-block; |
||||||
line-height: 32rpx; |
line-height: 32rpx; |
||||||
font-size: 22rpx; |
font-size: 22rpx; |
||||||
color: #e04775; |
color: #e04775; |
||||||
border-radius: 18rpx; |
border-radius: 18rpx; |
||||||
word-break: break-all; |
word-break: break-all; |
||||||
background-color: rgba(224, 71, 117, 0.13); |
background-color: rgba(224, 71, 117, 0.13); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.container { |
.container { |
||||||
.audio { |
.audio { |
||||||
margin-top: 36rpx; |
margin-top: 36rpx; |
||||||
padding: 0 0 20rpx; |
padding: 0 0 20rpx; |
||||||
} |
} |
||||||
.mp-html { |
.mp-html { |
||||||
padding: 20px; |
padding: 20px; |
||||||
video { |
video { |
||||||
width: 100% !important; |
width: 100% !important; |
||||||
object-fit: cover !important; |
object-fit: cover !important; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.other { |
.other { |
||||||
.o-title { |
.o-title { |
||||||
font-size: 36rpx; |
font-size: 36rpx; |
||||||
color: #333333; |
color: #333333; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
.other-list { |
.other-list { |
||||||
margin-top: 32rpx; |
margin-top: 32rpx; |
||||||
padding: 24rpx; |
padding: 24rpx; |
||||||
background: #ffffff; |
background: #ffffff; |
||||||
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.05); |
||||||
border-radius: 24rpx; |
border-radius: 24rpx; |
||||||
border: 2rpx solid #ebecee; |
border: 2rpx solid #ebecee; |
||||||
.list-item { |
.list-item { |
||||||
display: flex; |
display: flex; |
||||||
margin-bottom: 22rpx; |
margin-bottom: 22rpx; |
||||||
.photo { |
.photo { |
||||||
width: 232rpx; |
width: 232rpx; |
||||||
height: 184rpx; |
height: 184rpx; |
||||||
flex-shrink: 0; |
flex-shrink: 0; |
||||||
border-radius: 16rpx; |
border-radius: 16rpx; |
||||||
border: 1rpx solid #ebecee; |
border: 1rpx solid #ebecee; |
||||||
margin-right: 16rpx; |
margin-right: 16rpx; |
||||||
} |
} |
||||||
.inner { |
.inner { |
||||||
flex: 1; |
flex: 1; |
||||||
padding-bottom: 20rpx; |
padding-bottom: 20rpx; |
||||||
border-bottom: 1px solid rgba(182, 183, 186, 0.21); |
border-bottom: 1px solid rgba(182, 183, 186, 0.21); |
||||||
.title { |
.title { |
||||||
font-size: 28rpx; |
font-size: 28rpx; |
||||||
color: #252525; |
color: #252525; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
line-height: 42rpx; |
line-height: 42rpx; |
||||||
} |
} |
||||||
.date { |
.date { |
||||||
margin-top: 10rpx; |
margin-top: 10rpx; |
||||||
color: #9e9e9e; |
color: #9e9e9e; |
||||||
font-size: 22rpx; |
font-size: 22rpx; |
||||||
} |
} |
||||||
.labels { |
.labels { |
||||||
margin-top: 16rpx; |
margin-top: 16rpx; |
||||||
display: flex; |
display: flex; |
||||||
flex-wrap: wrap; |
flex-wrap: wrap; |
||||||
align-items: center; |
align-items: center; |
||||||
.label { |
.label { |
||||||
margin-right: 16rpx; |
margin-right: 16rpx; |
||||||
margin-bottom: 10rpx; |
margin-bottom: 10rpx; |
||||||
padding: 2rpx 20rpx; |
padding: 2rpx 20rpx; |
||||||
font-size: 22rpx; |
font-size: 22rpx; |
||||||
color: #e04775; |
color: #e04775; |
||||||
word-break: break-all; |
word-break: break-all; |
||||||
border-radius: 18rpx; |
border-radius: 18rpx; |
||||||
background-color: rgba(224, 71, 117, 0.13); |
background-color: rgba(224, 71, 117, 0.13); |
||||||
} |
} |
||||||
} |
} |
||||||
.o-footer { |
.o-footer { |
||||||
margin-top: 10rpx; |
margin-top: 10rpx; |
||||||
display: flex; |
display: flex; |
||||||
justify-content: flex-end; |
justify-content: flex-end; |
||||||
.f-item { |
.f-item { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
font-size: 22rpx; |
font-size: 22rpx; |
||||||
color: #b6b7ba; |
color: #b6b7ba; |
||||||
.icon { |
.icon { |
||||||
margin-right: 8rpx; |
margin-right: 8rpx; |
||||||
width: 32rpx; |
width: 32rpx; |
||||||
height: 32rpx; |
height: 32rpx; |
||||||
} |
} |
||||||
&:not(:last-of-type)::after { |
&:not(:last-of-type)::after { |
||||||
margin: 18rpx; |
margin: 18rpx; |
||||||
content: ""; |
content: ''; |
||||||
width: 2rpx; |
width: 2rpx; |
||||||
height: 20rpx; |
height: 20rpx; |
||||||
background-color: #f3f3f4; |
background-color: #f3f3f4; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.animate { |
.animate { |
||||||
position: fixed; |
position: fixed; |
||||||
z-index: 1; |
z-index: 1; |
||||||
left: 1000000px; |
left: 1000000px; |
||||||
bottom: calc(env(safe-area-inset-bottom) + 80rpx); |
bottom: calc(env(safe-area-inset-bottom) + 80rpx); |
||||||
transform: translateX(-50%); |
transform: translateX(-50%); |
||||||
width: 200rpx; |
width: 200rpx; |
||||||
height: 400rpx; |
height: 400rpx; |
||||||
&.active { |
&.active { |
||||||
left: 50%; |
left: 50%; |
||||||
} |
} |
||||||
} |
} |
||||||
.footer { |
.footer { |
||||||
position: fixed; |
position: fixed; |
||||||
bottom: 0; |
bottom: 0; |
||||||
left: 0; |
left: 0; |
||||||
width: 100%; |
width: 100%; |
||||||
padding: 26rpx 50rpx calc(env(safe-area-inset-bottom) + 26rpx); |
padding: 26rpx 50rpx calc(env(safe-area-inset-bottom) + 26rpx); |
||||||
display: flex; |
display: flex; |
||||||
justify-content: space-between; |
justify-content: space-between; |
||||||
align-items: center; |
align-items: center; |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.26); |
box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.26); |
||||||
background-color: #fff; |
background-color: #fff; |
||||||
.tip { |
.tip { |
||||||
padding: 5rpx 16rpx; |
padding: 5rpx 16rpx; |
||||||
position: absolute; |
position: absolute; |
||||||
top: -80rpx; |
top: -80rpx; |
||||||
left: 50%; |
left: 50%; |
||||||
transform: translateX(-50%); |
transform: translateX(-50%); |
||||||
font-size: 28rpx; |
font-size: 28rpx; |
||||||
color: #f5ad1d; |
color: #f5ad1d; |
||||||
background: #ffefd0; |
background: #ffefd0; |
||||||
border: 1rpx solid #ffffff; |
border: 1rpx solid #ffffff; |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
border-radius: 20rpx; |
border-radius: 20rpx; |
||||||
box-shadow: -10rpx 20rpx 42rpx 0rpx rgba(0, 0, 0, 0.11); |
box-shadow: -10rpx 20rpx 42rpx 0rpx rgba(0, 0, 0, 0.11); |
||||||
.icon { |
.icon { |
||||||
margin-right: 10rpx; |
margin-right: 10rpx; |
||||||
width: 40rpx; |
width: 40rpx; |
||||||
height: 40rpx; |
height: 40rpx; |
||||||
} |
} |
||||||
&::after { |
&::after { |
||||||
position: absolute; |
position: absolute; |
||||||
bottom: -12rpx; |
bottom: -12rpx; |
||||||
left: 50%; |
left: 50%; |
||||||
transform: translateX(-50%); |
transform: translateX(-50%); |
||||||
content: ""; |
content: ''; |
||||||
width: 0; |
width: 0; |
||||||
height: 0; |
height: 0; |
||||||
border-style: solid; |
border-style: solid; |
||||||
border-width: 10rpx 10rpx 0 10rpx; |
border-width: 10rpx 10rpx 0 10rpx; |
||||||
border-color: #ffefd0 transparent transparent transparent; |
border-color: #ffefd0 transparent transparent transparent; |
||||||
} |
} |
||||||
} |
} |
||||||
.f-item { |
.f-item { |
||||||
display: flex; |
flex: 1; |
||||||
align-items: center; |
display: flex; |
||||||
font-size: 30rpx; |
align-items: center; |
||||||
color: #e04775; |
font-size: 30rpx; |
||||||
margin: 0; |
color: rgba(33, 29, 46, 1); |
||||||
padding: 0; |
margin: 0; |
||||||
background: transparent; |
padding-left: 120rpx; |
||||||
&::after { |
background: transparent; |
||||||
display: none; |
&::after { |
||||||
outline: none; |
display: none; |
||||||
} |
outline: none; |
||||||
.icon { |
} |
||||||
margin-right: 6rpx; |
.icon { |
||||||
width: 44rpx; |
margin-right: 6rpx; |
||||||
height: 44rpx; |
width: 44rpx; |
||||||
} |
height: 44rpx; |
||||||
.icon-active { |
} |
||||||
@extend .icon; |
.icon-active { |
||||||
display: none; |
@extend .icon; |
||||||
} |
display: none; |
||||||
&.active { |
} |
||||||
color: #e04775; |
&.active { |
||||||
.icon { |
color: rgba(33, 29, 46, 1); |
||||||
display: none; |
.icon { |
||||||
} |
display: none; |
||||||
.icon-active { |
} |
||||||
display: block; |
.icon-active { |
||||||
} |
display: block; |
||||||
} |
} |
||||||
} |
} |
||||||
.vertical { |
} |
||||||
width: 3rpx; |
.vertical { |
||||||
height: 28rpx; |
width: 3rpx; |
||||||
background-color: #f3f3f4; |
height: 28rpx; |
||||||
} |
background-color: rgba(105, 104, 110, 0.16); |
||||||
} |
} |
||||||
} |
} |
||||||
|
} |
||||||
|
|||||||
Loading…
Reference in new issue