123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <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>
|