BiKing/pages/property/modules/Bibi/index.vue

<template>
	<view class="legal-tender-box">
		<view class="lable-title">保证金</view>
		<view class="capital-item">
			<view class="capital-status" @click.stop="capitalStatus = !capitalStatus">
				<view class="status-box">
					<image v-show="capitalStatus" class="capital-icon" src="@/static/images/notarize.png"
						mode="aspectFit"></image>
				</view>
				<text>隐藏为0的资产 </text>
			</view>
			<view class="capital-nums">
				钱包:0.0914 USDT
			</view>
		</view>
		<uni-table class="table-box" emptyText="暂无更多数据">
			<!-- 表头行 -->
			<uni-tr>
				<uni-th align="left" style="flex: 1;">币种</uni-th>
				<uni-th align="left" style="flex: 1;">账户权益</uni-th>
				<uni-th align="right" style="flex: 1;">可用</uni-th>
			</uni-tr>
			<!-- 表格数据行 -->
			<uni-tr v-for="item in 5">
				<uni-td style="flex: 1;">USDT</uni-td>
				<uni-td style="flex: 1;">298587458</uni-td>
				<uni-td style="text-align: right; flex: 1;">29997.9123</uni-td>
			</uni-tr>

		</uni-table>


	</view>
</template>

<script>
	export default {
		name: 'BibiModules',
		data() {
			return {
				capitalStatus: true
			};
		}
	}
</script>

<style lang="scss" scoped>
	@import "~./../table.scss";

	.legal-tender-box {
		// padding: 0 $pages-padding ;
		width: 100%;

		.lable-title {
			border-bottom: none;
		}

		.capital-item {
			width: 100%;
			padding: 14rpx $pages-padding 25rpx;
			display: flex;
			justify-content: space-between;

			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 400;
			color: #808080;
			line-height: 33rpx;
			border-bottom: 1px solid #e6e6e6;

			.capital-status {
				flex-shrink: 0;
				display: flex;
				align-items: center;
				padding-right: 20rpx;

				.status-box {
					width: 33rpx;
					height: 33rpx;
					background: #e7e7e7;
					border-radius: 2rpx;
					margin-right: 8rpx;
					display: flex;
					justify-content: center;
					align-items: center;

					.capital-icon {
						width: 24rpx;
						height: 24rpx;
					}
				}

			}

			.capital-status,
			.capital-nums {
				// width: 1px;
				// flex: 1;
				// flex-shrink: 0;
				white-space: pre-wrap;
			}

			// <view class="capital-status">
			// 	<view class="status-box">
			// 		<image v-show="notarizeAgreement" class="capital-icon" src="@/static/images/notarize.png"
			// 			mode="aspectFit"></image>
			// 	</view>
			// 		<text>隐藏为0的资产</text>
			// </view>
		}
	}

	.table-box {
		padding: 0 $pages-padding ;
	}
</style>