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

style:修改评价卡片商家回复文字颜色

pull/8/head
kele 2023-03-31 10:36:36 +08:00
parent 0b21b8e111
commit 77e224afc2
1 changed files with 53 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
pages/goods/components/detail/comment-item.vue
View File

@ -18,16 +18,8 @@
<scroll-view class="scroll-box" scroll-x scroll-anchoring> <scroll-view class="scroll-box" scroll-x scroll-anchoring>
<view class="ss-flex"> <view class="ss-flex">
<view v-for="(item, index) in item.images" :key="item" class="ss-m-r-10"> <view v-for="(item, index) in item.images" :key="item" class="ss-m-r-10">
<su-image <su-image class="content-img" isPreview :previewList="state.commentImages" :current="index" :src="item"
class="content-img" :height="120" :width="120" mode="aspectFill"></su-image>
isPreview
:previewList="state.commentImages"
:current="index"
:src="item"
:height="120"
:width="120"
mode="aspectFill"
></su-image>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@ -40,59 +32,61 @@
</template> </template>
<script setup> <script setup>
import sheep from '@/sheep'; import sheep from '@/sheep';
import { reactive } from 'vue'; import { reactive } from 'vue';
const props = defineProps({ const props = defineProps({
item: { item: {
type: Object, type: Object,
default() {}, default() { },
}, },
}); });
const state = reactive({ const state = reactive({
commentImages: [], commentImages: [],
}); });
props.item.images?.forEach((i) => { props.item.images?.forEach((i) => {
state.commentImages.push(sheep.$url.cdn(i)); state.commentImages.push(sheep.$url.cdn(i));
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.avatar { .avatar {
width: 52rpx; width: 52rpx;
height: 52rpx; height: 52rpx;
border-radius: 50%; border-radius: 50%;
} }
.nickname { .nickname {
font-size: 26rpx; font-size: 26rpx;
font-weight: 500; font-weight: 500;
color: #999999; color: #999999;
} }
.content { .content {
width: 636rpx; width: 636rpx;
font-size: 26rpx; font-size: 26rpx;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
.reply-box {
position: relative;
}
.reply-title {
position: absolute;
left: 0;
top: 0;
font-weight: 600;
font-size: 26rpx;
line-height: 40rpx;
color: #666666;
}
.reply-content { .reply-box {
text-indent: 108rpx; position: relative;
font-weight: 400; }
font-size: 26rpx;
line-height: 40rpx; .reply-title {
color: #333333; position: absolute;
} left: 0;
top: 0;
font-weight: 600;
font-size: 26rpx;
line-height: 40rpx;
color: #333333;
}
.reply-content {
text-indent: 108rpx;
font-weight: 400;
font-size: 26rpx;
line-height: 40rpx;
color: #333333;
}
</style> </style>