Browse Source

fix: 修复多个页面显示问题及配置环境变量

修复商品详情页支付状态显示逻辑,调整二维码页面样式和图片模式
修改环境配置为本地开发环境,优化富文本内容显示组件
master
主管理员 5 days ago
parent
commit
dd307db990
5 changed files with 32 additions and 25 deletions
  1. +1
    -1
      config.js
  2. +19
    -13
      pages_order/article/index.vue
  3. +6
    -2
      pages_order/components/list/gourmet/productSelectList.vue
  4. +1
    -0
      pages_order/gourmet/gourmetDetail.vue
  5. +5
    -9
      pages_order/gourmet/qrCode.vue

+ 1
- 1
config.js View File

@ -7,7 +7,7 @@ import uvUI from '@/uni_modules/uv-ui-tools'
Vue.use(uvUI);
// 当前环境
const type = 'prod'
const type = 'local'
// 环境配置


+ 19
- 13
pages_order/article/index.vue View File

@ -15,11 +15,16 @@
<text class="create-time">{{ formatTime(articleDetail.createTime) }}</text>
</view>
<!-- 富文本内容 -->
<view class="article-content">
<rich-text :nodes="articleDetail.content"></rich-text>
</view>
<!-- 富文本内容 -->
<view class="article-content">
<uv-parse
:content="articleDetail.content"
:preview-img="true"
:scroll-table="true"
:tag-style="parseTagStyle"
/>
</view>
</view>
<!-- 错误状态 -->
<view class="error-container" v-if="!loading && !articleDetail">
@ -50,6 +55,13 @@
orderId : '',
name : '',
}
,
// uv-parse
parseTagStyle: {
img: 'max-width:100%;height:auto;display:block;',
video: 'max-width:100%;height:auto;display:block;',
table: 'width:100%;display:block;'
}
}
},
onLoad(options) {
@ -169,17 +181,11 @@
line-height: 1.6;
//
:deep(rich-text) {
:deep(.uv-parse) {
font-size: 30rpx;
color: #333;
//
img {
max-width: 100%;
height: auto;
border-radius: 8rpx;
margin: 20rpx 0;
}
// uv-parse tag-style
//
p {


+ 6
- 2
pages_order/components/list/gourmet/productSelectList.vue View File

@ -6,7 +6,7 @@
<view v-for="(item, index) in list"
:key="index"
@click="" class="item">
<view class="checkbox">
<view class="checkbox" v-if="detail.pay == 'Y'">
<uv-checkbox
:name="item.id"
activeColor="#FA5A0A"
@ -39,6 +39,7 @@
</view>
<view class="unit">
<uv-number-box
v-if="detail.pay == 'Y'"
v-model="selectNumMap[item.id]"
:max="item.num"
>
@ -65,7 +66,7 @@
</uv-checkbox-group>
</view>
<view class="action">
<view class="action" v-if="detail.pay == 'Y'">
<view class="icon">
<image src="/static/image/cart/2.png" mode=""></image>
<view class="num">{{ checkboxValue.length }}</view>
@ -124,6 +125,9 @@
shopId : {
default : ''
},
detail : {
default : {}
}
},
computed : {
...mapState(['priceMap']),


+ 1
- 0
pages_order/gourmet/gourmetDetail.vue View File

@ -58,6 +58,7 @@
<productSelectList
:shopId="detail.id"
:edit="detail.shopUser == userInfo.id"
:detail="detail"
@getData="getData"
:list="list"/>
</view>


+ 5
- 9
pages_order/gourmet/qrCode.vue View File

@ -15,10 +15,9 @@
<image
class="qrcode-image"
:src="qrCodeUrl"
mode="aspectFit"
mode="widthFix"
@load="imageLoaded"
@error="imageError"
@longpress="saveImage"
></image>
<text class="qrcode-tip" v-if="!loading && qrCodeUrl">扫描二维码查看店铺详情</text>
<text class="save-tip" v-if="!loading && qrCodeUrl">长按图片可保存到相册</text>
@ -206,15 +205,12 @@
display: flex;
flex-direction: column;
align-items: center;
margin-top: 100rpx;
background-color: #fff;
padding: 40rpx;
border-radius: 16rpx;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
// background-color: #fff;
// border-radius: 16rpx;
// box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
.qrcode-image {
width: 500rpx;
height: 500rpx;
width: 700rpx;
margin-bottom: 30rpx;
}


Loading…
Cancel
Save