yudao
/
mall-uniapp
mirror of https://gitee.com/yudaocode/yudao-mall-uniapp.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 售后进度小程序样式修复

pull/8/head
kele 2023-01-14 10:35:44 +08:00
parent a76fd9ee03
commit c6bd290f8e
2 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
pages/order/aftersale/log-item.vue
View File

@ -1,30 +1,32 @@
<template> <template>
<view class="log-icon ss-flex-col ss-col-center ss-m-r-20"> <view class="log-item ss-flex">
<text class="cicon-title" :class="index === 0 ? 'activity-color' : ''"></text> <view class="log-icon ss-flex-col ss-col-center ss-m-r-20">
<view v-if="data.length - 1 != index" class="line"></view> <text class="cicon-title" :class="index === 0 ? 'activity-color' : ''"></text>
</view> <view v-if="data.length - 1 != index" class="line"></view>
<view> </view>
<view class="text">{{ item.log_type_text }}</view> <view>
<su-parse class="richtext" :content="item.content"></su-parse> <view class="text">{{ item.log_type_text }}</view>
<view class="" v-if="item.images?.length"> <su-parse class="richtext" :content="item.content"></su-parse>
<scroll-view class="scroll-box" scroll-x scroll-anchoring> <view class="" v-if="item.images?.length">
<view class="ss-flex"> <scroll-view class="scroll-box" scroll-x scroll-anchoring>
<view v-for="i in item.images" :key="i" class="ss-m-r-20"> <view class="ss-flex">
<su-image <view v-for="i in item.images" :key="i" class="ss-m-r-20">
class="content-img" <su-image
isPreview class="content-img"
:previewList="state.commentImages" isPreview
:current="index" :previewList="state.commentImages"
:src="i" :current="index"
:height="120" :src="i"
:width="120" :height="120"
mode="aspectFit" :width="120"
></su-image> mode="aspectFit"
</view> ></su-image>
</view> </view>
</scroll-view> </view>
</scroll-view>
</view>
<view class="date">{{ item.create_time }}</view>
</view> </view>
<view class="date">{{ item.create_time }}</view>
</view> </view>
</template> </template>
<script setup> <script setup>
@ -52,6 +54,9 @@
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.log-item {
align-items: stretch;
}
.log-icon { .log-icon {
height: inherit; height: inherit;
.cicon-title { .cicon-title {

5
pages/order/aftersale/log.vue
View File

@ -2,7 +2,7 @@
<template> <template>
<s-layout title="售后进度"> <s-layout title="售后进度">
<view class="log-box"> <view class="log-box">
<view class="log-content-box ss-flex" v-for="(item, index) in state.info" :key="item.title"> <view v-for="(item, index) in state.info" :key="item.title">
<log-item :item="item" :index="index" :data="state.info"></log-item> <log-item :item="item" :index="index" :data="state.info"></log-item>
</view> </view>
</view> </view>
@ -50,8 +50,5 @@
.log-box { .log-box {
padding: 24rpx 24rpx 24rpx 40rpx; padding: 24rpx 24rpx 24rpx 40rpx;
background-color: #fff; background-color: #fff;
.log-content-box {
align-items: stretch;
}
} }
</style> </style>