fix: 修改按钮

main
liyingang 10 months ago
parent 6d5b9381a6
commit 234e6d1c3f
  1. 27
      pages/index/detail.vue

@ -30,7 +30,8 @@
stepCircle: index > active, stepCircle: index > active,
}">{{ index + 1 }} }">{{ index + 1 }}
</view> </view>
<view class="stepText" :style="{ color: index <= active ? '#000000' : '#bcc3cd' }">{{ item.title||'' }} <view class="stepText" :style="{ color: index <= active ? '#000000' : '#bcc3cd' }">
{{ item.title||'' }}
</view> </view>
</view> </view>
<view v-if="index !== 3" class="circles"> <view v-if="index !== 3" class="circles">
@ -63,7 +64,8 @@
<!-- <ua-markdown :source="mdvalue" /> --> <!-- <ua-markdown :source="mdvalue" /> -->
<view class="btnBox"> <view class="btnBox">
<view class="btn" @click="handleBtn(text)" v-for="(text, index) in item.options" :key="index"> <view class="btn" @click="handleBtn(text)" v-for="(text, index) in item.options" :key="index">
{{ text||'' }}</view> {{ text||'' }}
</view>
</view> </view>
<view v-if="item.answerOptions && item.answerOptions.length > 0 && item.optionType == 1" <view v-if="item.answerOptions && item.answerOptions.length > 0 && item.optionType == 1"
style="display: flex; flex-wrap: wrap;" :class="item.answerOptions.length > 1 ? '' : 'btnBox'"> style="display: flex; flex-wrap: wrap;" :class="item.answerOptions.length > 1 ? '' : 'btnBox'">
@ -104,8 +106,8 @@
</view> </view>
<view class="btnBox" <view class="btnBox"
v-if="item.answerOptions && item.answerOptions.length > 0 && item.optionType == 1"> v-if="item.answerOptions && item.answerOptions.length > 0 && item.optionType == 1">
<view class="btn" @click="handleGroup(item)">确认</view>
<view class="btn" @click="handleGroup2(i)">清空</view> <view class="btn" @click="handleGroup2(i)">清空</view>
<view class="btn" @click="handleGroup(item)">确认</view>
</view> </view>
<!-- v-if="isShowYindao && item.isOver" --> <!-- v-if="isShowYindao && item.isOver" -->
<view class="yindao" @click="clickYinDao(item.reference)"> <view class="yindao" @click="clickYinDao(item.reference)">
@ -511,6 +513,14 @@
if (JSON.stringify(data.reference) != '{}') { if (JSON.stringify(data.reference) != '{}') {
if (data.reference.content != null && data.reference.title != null) { if (data.reference.content != null && data.reference.title != null) {
this.isShowYindao = true this.isShowYindao = true
this.$nextTick(() => {
if (item.isOver) {
this.msgList.forEach(item => {
item.data = item.data +
`<img src=${yindaoPng} width=20px height=20px class=yindao/>`
})
}
})
} else { } else {
this.isShowYindao = false this.isShowYindao = false
} }
@ -614,8 +624,10 @@
this.scrollBottom(); this.scrollBottom();
if (newdata == data) { if (newdata == data) {
this.msgList[this.msgList.length - 1].data += `<image src="../../static/nav/yindao.png" style="height: 40rpx; width: 40rpx;"></image>` this.msgList[this.msgList.length - 1].data +=
console.log('this.msgList[this.msgList.length - 1].data', this.msgList[this.msgList.length - 1].data) `<image src="../../static/nav/yindao.png" style="height: 40rpx; width: 40rpx;"></image>`
console.log('this.msgList[this.msgList.length - 1].data', this.msgList[this.msgList
.length - 1].data)
if (optionType == 0 || optionType == 1) { if (optionType == 0 || optionType == 1) {
this.msgList[this.msgList.length - 1].optionType = optionType; this.msgList[this.msgList.length - 1].optionType = optionType;
this.msgList[this.msgList.length - 1].answerOptions = this.msgList[this.msgList.length - 1].answerOptions =
@ -986,6 +998,7 @@
transform: scale(1); transform: scale(1);
} }
} }
.yindao { .yindao {
padding: 15rpx; padding: 15rpx;
margin: 0 5px; margin: 0 5px;
@ -994,6 +1007,7 @@
word-spacing: 0.1em; word-spacing: 0.1em;
color: rgba(0, 102, 255, 1) color: rgba(0, 102, 255, 1)
} }
.custom-pop-head { .custom-pop-head {
width: 100%; width: 100%;
padding: 20rpx 0; padding: 20rpx 0;
@ -1002,16 +1016,19 @@
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.left { .left {
color: #666666; color: #666666;
font-size: 16px; font-size: 16px;
margin-right: 20rpx; margin-right: 20rpx;
} }
.title { .title {
font-size: 18px; font-size: 18px;
margin-left: 20rpx; margin-left: 20rpx;
} }
} }
.custom-pop-content { .custom-pop-content {
margin: 20rpx; margin: 20rpx;
font-size: 16px; font-size: 16px;

Loading…
Cancel
Save