feat:性能优化

This commit is contained in:
2026-07-25 09:12:36 +08:00
parent 3eba959b48
commit 9ab39d2aec
138 changed files with 232 additions and 1511 deletions
@@ -0,0 +1,89 @@
<template>
<view class="contract-item-view" >
<view class="item-top-view flex-r-lr">
<text class="text-fu text-24">发起方:信任桥(深圳)网络科技有限公司</text>
<view class="right-box flex-c" :style="{
background:type?'rgba(0,167,118,0.1)':'rgba(102,102,102,0.1)'
}">
<text class="text-20 text-fu"
:class="{'text-lu':type}">{{type ? '已签署' : '未签署'}}</text>
</view>
</view>
<text class="text-36 text-zu mt-32">消费型合伙人协议</text>
<view class="flex-r-lr mt-48">
<text class="text-fu text-24" >{{text}}</text>
<text class="text-20 text-fu" >{{time}}</text>
</view>
<view class="flex-r-e mt-32">
<view class="item-btn-view flex-c" @click="onBtn" :class="{'b-w':type,'b-g':!type}">
<text class="text-28" :class="{'text-white':!type,'text-zi':type}">{{type ? '查看' : '去签署'}}</text>
</view>
</view>
</view>
</template>
<script>
export default {
props:{
type:{
type:Boolean,
default:false
},
text:{
type:String,
default:''
},
time:{
type:String,
default:''
}
},
mounted(){
},
methods: {
onBtn(){
this.$emit('click');
}
}
}
</script>
<style lang="scss" scoped>
.b-w{
border-width: 1rpx !important;
}
.b-g{
background:linear-gradient( 270deg, #B164FB 0%, #7934F6 100%);
}
.contract-item-view{
width:100%;
min-height:304rpx;
display: flex;
flex-direction: column;
padding: 24rpx;
box-sizing: border-box;
background-color: #fff;
border-radius: 24rpx;
.item-btn-view{
padding: 0 38rpx;
min-height:52rpx;
box-sizing: border-box;
border-radius: 26rpx;
border:0 solid #7934F6;
}
.item-top-view{
height:40rpx;
min-height:40rpx;
.right-box{
padding: 0 16rpx;
box-sizing: border-box;
border-radius: 8rpx;
background: rgba(102,102,102,0.1);
}
}
}
</style>
@@ -0,0 +1,66 @@
<template>
<view class="shop-item-view" @click="onJump">
<view class="top-img-view flex-r-lr">
<image :src="obj.url"></image>
</view>
<view class="bottom-shop-view">
<text class="text-28 text-zu text-overflow1">{{obj.title}}</text>
<text class="text-28" style="color:#FF4242">
¥{{obj.price}}
<text class="text-24 text-fu text-d" style="margin-left:12rpx">
¥{{obj.adPrice}}
</text>
</text>
</view>
</view>
</template>
<script>
export default {
props:{
obj:{
type:Object,
default:null
},
},
mounted(){
},
methods: {
onJump(){
this.$emit('click');
}
}
}
</script>
<style lang="scss" scoped>
.shop-item-view{
width:332rpx;
height:498rpx;
min-height:498rpx;
display: flex;
flex-direction: column;
border-radius: 24rpx;
overflow: hidden;
background-color: #fff;
.bottom-shop-view{
width:100%;
padding: 16rpx 24rpx 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.top-img-view{
width:332rpx;
height:332rpx;
min-height:332rpx;
image{
width:100%;
height:100%;
}
}
}
</style>