jingcai/pages/myPledge/zyXingqing.vue

<template>
	<view class="all">
		<view class="shang">
			<view class="tz">質押投資一</view>
			<view class="sy">
				<view class="syl">{{$t('zy.m0')}}：177</view>
			</view>
			<view class="sj">
				<view class="sj1">
					<view class="sz">1</view>
					<view class="wz">{{$t('zy.m1')}}</view>
				</view>
				<view class="sj1">
					<view class="sz">232</view>
					<view class="wz">{{$t('zy.m3')}}</view>
				</view>
				<view class="sj1">
					<view class="sz">1</view>
					<view class="wz">{{$t('zy.m2')}}</view>
				</view>
				<view class="sj1">
					<view class="sz">232</view>
					<view class="wz">{{$t('zy.m4')}}</view>
				</view>
			</view>
				<image class="img" src="../../static/img/xq6.png" mode=""></image>
		</view>
		<view class="aaa"></view>
		
		<view class="sygc">
			<view class="gc">{{$t('zy.m5')}}</view>
			<view class="an">
				<view class="an1">
					<view class="xian"></view>
				</view>
				<view class="an1">
					<view class="xian"></view>
				</view>
				
				<view class="an1"></view>
			</view>
			
			<view class="wenben">
				<view class="wb">
					<view class="wen">{{$t('zy.m6')}}</view>
					<view class="wen">{{$t('zy.m7')}}</view>
				</view>
				<view class="wb">
					<view class="wen">{{$t('zy.m8')}}</view>
					<view class="wen">{{$t('zy.m9')}}</view>
				</view>
				<view class="wb">
					<view class="wen" style="margin-left: 70rpx;">{{$t('zy.m10')}}</view>
					<view class="wen">{{$t('zy.m11')}}</view>
				</view>
			</view>
			
			<view class="icon">
				<view class="">
					<image class="ic" src="../../static/img/xq1.png" mode=""></image>
				</view>
				<view class="jiaru">{{$t('zy.m12')}}</view>
			</view>
			
			<view class="icon">
				<view class="">
					<image class="ic" src="../../static/img/xq4.png" mode=""></image>
				</view>
				<view class="jiaru">{{$t('zy.m13')}}</view>
			</view>
			
			<view class="icon">
				<view class="">
					<image class="ic" src="../../static/img/xq3.png" mode=""></image>
				</view>
				<view class="jiaru">{{$t('zy.m14')}}：580*(0.10%+0.00%)*1</view>
			</view>
			
			<view class="icon">
				<view class="">
					<image class="ic" src="../../static/img/xq2.png" mode=""></image>
				</view>
				<view class="jiaru">{{$t('zy.m15')}}：582.2321</view>
			</view>
		</view>
		<view class="aaa" style="margin-top: 20rpx;"></view>
		<view class="jine">
			<view class="je">{{$t('zy.m16')}}</view>
			<view class="jes">20.3623U</view>
		</view>
		<view class="aaa" style="margin-top: 20rpx;"></view>
		
		<view class="yue">
			<view class="">
				<image class="qianbao" src="../../static/img/xq5.png" mode=""></image>
			</view>
			<view class="ye">{{$t('zy.m17')}}</view>
			<view class="dangqian">{{$t('zy.m18')}}：</view>
			<view class="dqs">0.00</view>
		</view>
		<view class="aaa" style="margin-top: 20rpx;"></view>
		
		<view class="liji">
			<view class="jr">
				<view class="jia">{{$t('zy.m19')}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.all {
	width: 750rpx;
	height: 100%;
	background-color: $page-color-base;
}
.shang {
	width: 720rpx;
	height: 310rpx;
	
}
.tz {
	height: 32rpx;
	font-size: 33rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 43rpx;
	margin-left: 22rpx;
	padding-top: 45rpx;
}
.sy {
	width: 250rpx;
	height: 32rpx;
	background: #FEB041;
	border-radius: 5rpx;
	margin-left: 22rpx;
	margin-top: 60rpx;
}
.syl {
	// height: 21rpx;
	font-size: 21rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #000000;
}
.sj {
	display: flex;
	justify-content: space-around;
	margin-top: 55rpx;
}
.sz {
	height: 31rpx;
	font-size: 40rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 43rpx;
	margin-left: 15rpx;
}
.wz {
	height: 21rpx;
	font-size: 22rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 43rpx;
	margin-top: 20rpx;
}
.img {
	width: 325rpx;
	height: 285rpx;
	margin-top: -235rpx;
	margin-left: 350rpx;
}
.aaa {
	width: 750rpx;
	height: 20rpx;
	background-color: #191a1f;
}
.gc {
	height: 27rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 70rpx;
	margin-top: 15rpx;
	margin-left: 31rpx;
}
.an {
	display: flex;
	justify-content: space-around;
	margin-top: 56rpx;
	margin-left: -60rpx;
}
.an1 {
	width: 24rpx;
	height: 24rpx;
	border: 4px solid #FEB041;
	border-radius: 12rpx;
}
.xian {
	width: 281rpx;
	height: 1rpx;
	background: #fff;
}
.wenben {
	display: flex;
	justify-content: space-around;
	margin-top: 18rpx;
}
.wen {
	// height: 59rpx;
	font-size: 22rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 38rpx;
}
.icon {
	width: 634rpx;
	height: 67rpx;
	background: #161616;
	display: flex;
	justify-content: start;
	margin-left: 58rpx;
	margin-top: 38rpx;
}
.ic {
	width: 38rpx;
	height: 36rpx;
	margin-left: 20rpx;
	margin-top: 16rpx;
}
.jiaru {
	height: 23rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 38rpx;
	margin-left: 20rpx;
	margin-top: 16rpx;
}
.jine {
	width: 750rpx;
	height: 200rpx;
}
.je {
	height: 27rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
	line-height: 38rpx;
	margin-left: 30rpx;
	margin-top: 40rpx;
}
.jes {
	height: 56rpx;
	font-size: 74rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #FEB041;
	line-height: 38rpx;
	margin-left: 30rpx;
	margin-top: 70rpx;
}

.yue {
	width: 750rpx;
	height: 130rpx;
	display: flex;
	justify-content: start;
}
.qianbao {
	width: 80rpx;
	height: 64rpx;
	margin-left: 33rpx;
	margin-top: 38rpx;
}
.ye {
	height: 28rpx;
	font-size: 29rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 38rpx;
	margin-left: 23rpx;
	margin-top: 48rpx;
}
.dangqian {
	height: 28rpx;
	font-size: 29rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 38rpx;
	margin-left: 323rpx;
	margin-top: 48rpx;
}
.dqs {
	height: 28rpx;
	font-size: 29rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FEB041;
	line-height: 38rpx;
	margin-top: 48rpx;
}
.liji {
	width: 750rpx;
	height: 130rpx;
}
.jr {
	width: 690rpx;
	height: 90rpx;
	background: linear-gradient(90deg, #feb041 0%, #feb041 100%);
	border-radius: 10rpx;
	margin-left: 30rpx;
	margin-top: 50rpx;
}
.jia {
	height: 31rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #040404;
	line-height: 55rpx;
	margin-left: 280rpx;
	padding-top: 25rpx;
}
</style>