84 lines
1.9 KiB
Vue
84 lines
1.9 KiB
Vue
<template>
|
||
<view class="inquiries safe-area-inset-bottom ff_pfsc p-row-32">
|
||
<view class="p-col-16">
|
||
<d-input prefixIcon="search" borderRadius="64rpx" v-model="keyword" type="text" placeholder="搜索疾病、症状等" height="66"></d-input>
|
||
</view>
|
||
<view class="list p-col-16 ">
|
||
<view class="m-b-48" v-for="(item,index) in list">
|
||
<view class="flex flex-jus-sp flex-ali-center">
|
||
<view class="ask_l">
|
||
问
|
||
</view>
|
||
<view class="ask_r content-c fs-32 text-twoline">
|
||
小孩子5岁,左脸湿疹溃烂，之前肿胀流水，左下肢也有一些皮屑，5月25日初诊小孩子5岁,左脸湿疹溃烂，之前肿胀流水，左下肢也有一些皮屑，5月25日初诊
|
||
</view>
|
||
</view>
|
||
<view class="answer text-hide">李磊：继续维持目前药物剂量，按照说明书的剂量服用</view>
|
||
<view class="text-align-end m-t-16 fs-28">
|
||
<text style="color: #2979FF;" v-if="item==1" @click.stop="setFine(1)">设为精选</text>
|
||
<text style="color: #A7ABB0;" @click.stop="setFine(0)" v-else>取消精选</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data(){
|
||
return{
|
||
keyword:'',
|
||
list:[1,2],
|
||
type:'',
|
||
}
|
||
},
|
||
mounted() {
|
||
|
||
},
|
||
methods:{
|
||
setFine(type){
|
||
// 1设为精选，0取消精选
|
||
this.type=type
|
||
},
|
||
getList(){
|
||
|
||
},
|
||
},
|
||
watch: {
|
||
keyword(oldValue, newValue) {
|
||
this.$u.debounce(this.getList, 500)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.list {
|
||
.ask_l {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 50%;
|
||
background-color: #2979FF;
|
||
color: #FFFFFF;
|
||
font-size: 28rpx;
|
||
line-height: 48rpx;
|
||
text-align: center;
|
||
}
|
||
|
||
.ask_r {
|
||
width: 622rpx;
|
||
}
|
||
|
||
.answer {
|
||
margin-top: 16rpx;
|
||
background-color: #F3F4F5;
|
||
height: 76rpx;
|
||
font-size: 28rpx;
|
||
color: #6C7380;
|
||
padding: 16rpx;
|
||
border-radius: 8rpx;
|
||
}
|
||
|
||
}
|
||
</style>
|