90 lines
1.9 KiB
Vue
90 lines
1.9 KiB
Vue
|
<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>
|