修改页面

This commit is contained in:
wangxiaowei
2025-07-08 13:41:07 +08:00
parent b5cf31aeaa
commit f03e2ae769
11 changed files with 7481 additions and 5045 deletions

View File

@ -55,7 +55,7 @@
:class="{ 'checkTitlefd1_0': tabls == '4', 'flex flex-wrap align-center myOrder_titlefd1_0_c7': true }"
@tap="tabClick(4)" :id="`benben_tabsfd1_0-title-item-${'4'}`">
<text>待评价</text>
<text>已完成</text>
<text v-if="detailsnum && detailsnum.to_be_evaluated > 0">({{detailsnum.to_be_evaluated}})</text>
</view>
</view>
@ -280,7 +280,7 @@
case 6:
return '待到店自提';
case 7:
return '评价';
return '评价';
case 8:
return '已完成';
case -1:

File diff suppressed because it is too large Load Diff

View File

@ -74,14 +74,39 @@
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout nearbyMerchants_flex_3">
<view class='flex flex-wrap align-center nearbyMerchants_fd3_0' v-for="(item, index) in list" style="position: relative;"
:key="index">
<view class="point-bg">
<view class="point-bg-txt">积分{{item.score_rate}}%</view>
</view>
<!-- <image class='point-bg' mode="scaleToFill" src='https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/point_bg.png'
style="width: 140rpx;height: 100rpx;z-index: 9999999999999;">
</image> -->
<image
class="point-bg"
src="https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/point_bg.png"
:style="{
position: 'absolute',
top: '-32rpx',
left: '-32rpx',
width: '120rpx',
height: '112rpx',
zIndex: 10
}"
>
<!-- 文字内容需要单独用 view 包裹 -->
<text class="point-bg-txt" :style="{
position: 'absolute',
fontSize: '16rpx',
top: '-54rpx',
left: '8rpx',
width: '112rpx',
height: '112rpx',
zIndex: 10
}">积分{{item.score_rate}}%</text>
</image>
<view class='flex flex-direction flex-wrap align-start' @click.stop="handleToDetail(item)"
style="position: relative;">
<view class='flex flex-wrap align-center'>
<image class='nearbyMerchants_fd3_0_c0_c1_c0' mode="aspectFill" :src='item.logo'></image>
</view>
<!-- <image class="nearbyMerchants_fd3_0_c0_c0001" :src='STATIC_URL+"23.png"' mode="widthFix">
</image> -->
<!-- <view class='flex flex-wrap align-center justify-center nearbyMerchants_fd3_0_c0_c0'
@ -844,7 +869,20 @@
// background: rgba(246, 247, 249, 1);
background-size: 100% auto !important;
}
.point-bg {
/* 注意nvue 中不需要设置 background 相关属性 */
resize-mode: cover; /* 替代 background-size: cover */
}
.point-bg-txt {
transform: rotate(315deg);
font-size: 20rpx;
color: #ffffff;
margin-left: 12rpx;
margin-top: 32rpx;
}
.nearbyMerchants_flex_0 {
background: rgba(255, 147, 0, 1);
width: 750rpx;
@ -1332,22 +1370,4 @@
color: #fff;
}
.point-bg {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/point_bg.png) no-repeat;
background-size: cover;
position: absolute;
top: -32rpx;
left: -32rpx;
z-index: 10;
width: 112rpx;
height: 112rpx;
}
.point-bg-txt {
transform: rotate(315deg);
font-size: 20rpx;
color: #fff;
margin-left: 12rpx;
margin-top: 32rpx;
}
</style>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,29 @@
<template>
<view style="width: 100px; height: 100px; position: relative;">
<view class="point-bg"></view>
<text class="point-bg-txt">积分10%</text>
</view>
</template>
<style>
/* 无 scoped 或使用 ::v-deep */
.point-bg {
background: url('https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/point_bg.png') no-repeat;
background-size: cover;
position: absolute;
top: -16px;
left: -16px;
z-index: 10;
width: 56px;
height: 56px;
}
.point-bg-txt {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
font-size: 10px;
color: red;
margin-left: 6px;
margin-top: 16px;
display: inline-block; /* 确保 transform 生效 */
}
</style>