kola
4 months ago
24 changed files with 405 additions and 43 deletions
@ -0,0 +1,10 @@
@@ -0,0 +1,10 @@
|
||||
{ |
||||
"path-autocomplete.pathMappings": { |
||||
"@": "${folder}/src", |
||||
"/": "${folder}/src", |
||||
}, |
||||
"emmet.preferences": { |
||||
"css.intUnit": "rpx", |
||||
"css.floatUnit": "rpx" |
||||
}, |
||||
} |
||||
@ -1,2 +0,0 @@
@@ -1,2 +0,0 @@
|
||||
<!--pages/story/a.wxml--> |
||||
<text>pages/story/a.wxml</text> |
||||
@ -0,0 +1,32 @@
@@ -0,0 +1,32 @@
|
||||
.audio-bar { |
||||
padding: 10rpx 14rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
border-radius: 104rpx 104rpx 104rpx 104rpx; |
||||
gap: 16rpx; |
||||
.btn { |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
.icon { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
.container { |
||||
flex: 1; |
||||
width: 0; |
||||
.hide { |
||||
overflow: hidden; |
||||
.wave { |
||||
display: block; |
||||
width: 394rpx; |
||||
height: 60rpx; |
||||
} |
||||
} |
||||
} |
||||
.time { |
||||
font-size: 28rpx; |
||||
color: rgba(1, 180, 197, 1); |
||||
} |
||||
} |
||||
@ -1,25 +1,19 @@
@@ -1,25 +1,19 @@
|
||||
const _app = getApp<IAppOption>(); |
||||
const _app = getApp<IAppOption>() |
||||
|
||||
// pages/story/a.ts
|
||||
Component({ |
||||
/** |
||||
* 组件的属性列表 |
||||
*/ |
||||
properties: { |
||||
|
||||
}, |
||||
properties: {}, |
||||
|
||||
/** |
||||
* 组件的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
data: {}, |
||||
|
||||
/** |
||||
* 组件的方法列表 |
||||
*/ |
||||
methods: { |
||||
|
||||
} |
||||
methods: {}, |
||||
}) |
||||
@ -0,0 +1,12 @@
@@ -0,0 +1,12 @@
|
||||
<view class="audio-bar"> |
||||
<view class="btn"> |
||||
<image class="icon" src="/images/audio-line-play.png"></image> |
||||
<!-- <image class="icon" src="/images/audio-line-pause.png.png"></image> --> |
||||
</view> |
||||
<view class="container"> |
||||
<view class="hide"> |
||||
<image class="wave" src="/images/wave.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="time">45”</view> |
||||
</view> |
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 355 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,5 @@
@@ -0,0 +1,5 @@
|
||||
{ |
||||
"navigationBarTitleText": "病历反馈", |
||||
"navigationStyle": "default", |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,189 @@
@@ -0,0 +1,189 @@
|
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
.page { |
||||
.footer { |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
padding: 32rpx 32rpx calc(env(safe-area-inset-bottom) + 32rpx); |
||||
width: 100%; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
background-color: #fff; |
||||
box-shadow: 0 -10rpx 20rpx rgba(0, 0, 0, 0.1); |
||||
.cancel { |
||||
width: 332rpx; |
||||
height: 84rpx; |
||||
text-align: center; |
||||
line-height: 88rpx; |
||||
font-size: 32rpx; |
||||
color: rgba(1, 180, 197, 1); |
||||
border-radius: 96rpx 96rpx 96rpx 96rpx; |
||||
border: 1rpx solid #01b4c5; |
||||
} |
||||
.submit { |
||||
width: 330rpx; |
||||
height: 88rpx; |
||||
text-align: center; |
||||
line-height: 88rpx; |
||||
font-size: 32rpx; |
||||
color: #fff; |
||||
background: linear-gradient(90deg, #00b4c5 0%, #54e2b4 100%); |
||||
border-radius: 96rpx; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.dialog1 { |
||||
padding: 48rpx 32rpx 32rpx; |
||||
.title { |
||||
font-size: 36rpx; |
||||
color: rgba(20, 21, 21, 1); |
||||
font-weight: bold; |
||||
} |
||||
.select-wrap { |
||||
margin-top: 32rpx; |
||||
display: flex; |
||||
gap: 16rpx; |
||||
.select { |
||||
padding: 4rpx 24rpx; |
||||
font-size: 28rpx; |
||||
color: rgba(133, 133, 133, 1); |
||||
line-height: 44rpx; |
||||
background-color: rgba(246, 246, 246, 1); |
||||
border-radius: 84rpx; |
||||
} |
||||
} |
||||
.remark { |
||||
margin-top: 24rpx; |
||||
padding: 32rpx; |
||||
width: 100%; |
||||
box-sizing: border-box; |
||||
border-radius: 16rpx; |
||||
min-height: 200rpx; |
||||
background-color: rgba(246, 246, 246, 1); |
||||
} |
||||
} |
||||
|
||||
.dialog2 { |
||||
.badge { |
||||
position: relative; |
||||
z-index: 1; |
||||
margin: 0 auto; |
||||
display: block; |
||||
width: 192rpx; |
||||
height: 204rpx; |
||||
} |
||||
.container { |
||||
padding: 160rpx 48rpx 48rpx; |
||||
background-color: #fff; |
||||
border-radius: 16rpx 16rpx 0 0; |
||||
margin-top: -126rpx; |
||||
background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 39%, #ffffff 100%); |
||||
.title { |
||||
font-size: 32rpx; |
||||
text-align: center; |
||||
color: rgba(20, 21, 21, 1); |
||||
font-weight: bold; |
||||
} |
||||
.content { |
||||
margin-top: 24rpx; |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: rgba(153, 153, 153, 1); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.dialog3 { |
||||
.badge { |
||||
position: relative; |
||||
z-index: 1; |
||||
margin: 0 auto; |
||||
display: block; |
||||
width: 192rpx; |
||||
height: 204rpx; |
||||
} |
||||
.container { |
||||
padding: 160rpx 48rpx 48rpx; |
||||
background-color: #fff; |
||||
border-radius: 16rpx 16rpx 0 0; |
||||
margin-top: -126rpx; |
||||
background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 39%, #ffffff 100%); |
||||
.title { |
||||
font-size: 32rpx; |
||||
text-align: center; |
||||
color: rgba(20, 21, 21, 1); |
||||
font-weight: bold; |
||||
} |
||||
.content { |
||||
margin-top: 24rpx; |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: rgba(153, 153, 153, 1); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.dialog4 { |
||||
.badge { |
||||
position: relative; |
||||
z-index: 1; |
||||
margin: 0 auto; |
||||
display: block; |
||||
width: 192rpx; |
||||
height: 204rpx; |
||||
} |
||||
.container { |
||||
padding: 160rpx 48rpx 48rpx; |
||||
background-color: #fff; |
||||
border-radius: 16rpx 16rpx 0 0; |
||||
margin-top: -126rpx; |
||||
background: linear-gradient(180deg, #fff0ee 0%, #ffffff 39%, #ffffff 100%); |
||||
.title { |
||||
font-size: 32rpx; |
||||
text-align: center; |
||||
color: rgba(20, 21, 21, 1); |
||||
font-weight: bold; |
||||
} |
||||
.content { |
||||
margin-top: 24rpx; |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: rgba(153, 153, 153, 1); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.dialog5 { |
||||
.badge { |
||||
position: relative; |
||||
z-index: 1; |
||||
margin: 0 auto; |
||||
display: block; |
||||
width: 192rpx; |
||||
height: 204rpx; |
||||
} |
||||
.container { |
||||
padding: 160rpx 48rpx 48rpx; |
||||
background-color: #fff; |
||||
border-radius: 16rpx 16rpx 0 0; |
||||
margin-top: -126rpx; |
||||
background: linear-gradient(180deg, #fff0ee 0%, #ffffff 39%, #ffffff 100%); |
||||
.title { |
||||
font-size: 32rpx; |
||||
text-align: center; |
||||
color: rgba(20, 21, 21, 1); |
||||
font-weight: bold; |
||||
} |
||||
.content { |
||||
margin-top: 24rpx; |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: rgba(153, 153, 153, 1); |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,12 @@
@@ -0,0 +1,12 @@
|
||||
const _app = getApp<IAppOption>() |
||||
|
||||
Page({ |
||||
data: { |
||||
show1: false, |
||||
show2: false, |
||||
show3: false, |
||||
show4: false, |
||||
show5: false, |
||||
}, |
||||
onLoad() {}, |
||||
}) |
||||
@ -0,0 +1,6 @@
@@ -0,0 +1,6 @@
|
||||
<view class="page"> |
||||
<view class="footer"> |
||||
<view class="cancel">返回</view> |
||||
<view class="submit" bind:tap="handleSubmit">保存并提交</view> |
||||
</view> |
||||
</view> |
||||
Loading…
Reference in new issue