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