Browse Source

fix: 修复多项页面逻辑与样式问题

1. 调整 repository 页面显示时的列表拉取逻辑与wxml渲染条件
2. 修正 enterInfo 页面的表单校验字段顺序
3. 替换 repositoryDetail 页面的点赞图标为统一的star.png
4. 优化 qaForm 页面的样式:调整内边距、复选框边框与尺寸样式
master
kola-web 6 hours ago
parent
commit
d49d25b62c
  1. BIN
      src/images/1/star.png
  2. 2
      src/pages/enterInfo/index.ts
  3. 8
      src/pages/qaForm/index.scss
  4. 3
      src/pages/repository/index.ts
  5. 2
      src/pages/repository/index.wxml
  6. 2
      src/pages/repositoryDetail/index.wxml

BIN
src/images/1/star.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
src/pages/enterInfo/index.ts

@ -99,9 +99,9 @@ Page({
const { registrationSource, registChannel, regBusinessId, WorkerId, IsAliQiWei } = app.globalData const { registrationSource, registChannel, regBusinessId, WorkerId, IsAliQiWei } = app.globalData
const { doctorId, inviteChan, recDoctorId: recommendDoctorId } = app.globalData.scene const { doctorId, inviteChan, recDoctorId: recommendDoctorId } = app.globalData.scene
let toast = '' let toast = ''
if (!diagnosisTimeRange) toast = '请选择确诊时间范围'
if (!gender) toast = '请选择性别' if (!gender) toast = '请选择性别'
if (!ageRange) toast = '请选择年龄范围' if (!ageRange) toast = '请选择年龄范围'
if (!diagnosisTimeRange) toast = '请选择确诊时间范围'
if (!name) toast = '姓名不能为空' if (!name) toast = '姓名不能为空'
if (toast) { if (toast) {
wx.showToast({ title: toast, icon: 'none' }) wx.showToast({ title: toast, icon: 'none' })

8
src/pages/qaForm/index.scss

@ -23,6 +23,7 @@ page {
} }
} }
.question-section { .question-section {
padding-bottom: 220rpx;
.list-title { .list-title {
margin: 24rpx 40rpx 0; margin: 24rpx 40rpx 0;
font-size: 44rpx; font-size: 44rpx;
@ -44,7 +45,7 @@ page {
&.active { &.active {
border-color: #0eb66d; border-color: #0eb66d;
.check-icon { .check-icon {
border-color: #0eb66d; border-color: transparent;
background: linear-gradient(94deg, #0eb66d 0%, #00d277 100%); background: linear-gradient(94deg, #0eb66d 0%, #00d277 100%);
.icon-inner { .icon-inner {
opacity: 1; opacity: 1;
@ -56,10 +57,11 @@ page {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
border-radius: 8rpx; border-radius: 8rpx;
border: 2px solid rgba(187, 187, 187, 1); border: 1px solid rgba(187, 187, 187, 1);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-sizing: border-box;
.icon-inner { .icon-inner {
width: 22rpx; width: 22rpx;
height: 12rpx; height: 12rpx;
@ -134,7 +136,7 @@ page {
.list-item.active { .list-item.active {
border-color: rgba(89, 86, 233, 1); border-color: rgba(89, 86, 233, 1);
.check-icon { .check-icon {
border-color: rgba(89, 86, 233, 1); border-color: transparent;
background: linear-gradient(270deg, #5956e9 0%, #b384f4 100%); background: linear-gradient(270deg, #5956e9 0%, #b384f4 100%);
} }
} }

3
src/pages/repository/index.ts

@ -26,6 +26,9 @@ Page({
onShow() { onShow() {
if (app.globalData.loginState) { if (app.globalData.loginState) {
app.mpBehavior({ PageName: 'PG_PATIENTMGINFO' }) app.mpBehavior({ PageName: 'PG_PATIENTMGINFO' })
if (this.data.list.length) {
this.getList()
}
} }
}, },
getConfig(options: any) { getConfig(options: any) {

2
src/pages/repository/index.wxml

@ -53,7 +53,7 @@
<image class="img" mode="scaleToFill" src="{{item.img}}"></image> <image class="img" mode="scaleToFill" src="{{item.img}}"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="info-list" wx:if="{{active==0 && list.length}}"> <view class="info-list" wx:if="{{active==0}}">
<view <view
class="list-item" class="list-item"
wx:for="{{list}}" wx:for="{{list}}"

2
src/pages/repositoryDetail/index.wxml

@ -66,7 +66,7 @@
<view class="vertical"></view> <view class="vertical"></view>
<view class="f-item {{detail.IsCompliment == 1 && 'active'}}" bind:tap="handleStar"> <view class="f-item {{detail.IsCompliment == 1 && 'active'}}" bind:tap="handleStar">
<!-- <image class="animate" wx:if="{{animate}}" src="{{imageUrl}}1/start.gif?t={{Timestamp}}"></image> --> <!-- <image class="animate" wx:if="{{animate}}" src="{{imageUrl}}1/start.gif?t={{Timestamp}}"></image> -->
<image class="icon" src="{{imageUrl}}1/star-detail.png?t={{Timestamp}}"></image> <image class="icon" src="{{imageUrl}}1/star.png?t={{Timestamp}}"></image>
<image class="icon-active" src="{{imageUrl}}1/star-active.png?t={{Timestamp}}"></image> <image class="icon-active" src="{{imageUrl}}1/star-active.png?t={{Timestamp}}"></image>
<block wx:if="{{~~detail.ComplimentNum}}">{{detail.ComplimentNum}}</block> <block wx:if="{{~~detail.ComplimentNum}}">{{detail.ComplimentNum}}</block>
</view> </view>

Loading…
Cancel
Save