123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <template>
- <mobile-frame>
- <view class="main">
- <view class="one">
- <view class="one_1">
- <text>¥</text><text>{{money}}</text>
- </view>
- <view class="one_2">
- 当前可用
- </view>
- </view>
- <view class="two">
- <view class="two_1" v-if="list&&list.length>0">
- 数据列表
- </view>
- <view class="two_2" v-else>
- 已加载完全部
- </view>
- </view>
- </view>
- </mobile-frame>
- </template>
- <script>
- export default {
- data() {
- return {
- money: 0,
- list: []
- };
- },
- onLoad: function(e) {
- },
- methods: {
- }
- }
- </script>
- <style lang="scss">
- .main {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- .one {
- background-color: var(--fFB1Color);
- text-align: center;
- padding: 5vw 0;
- .one_1 {
- font-size: 25px;
- font-weight: bold;
- color: #fff;
- margin: 0 0 2vw 0;
- text:nth-child(1) {
- font-size: 15px;
- padding: 0 1vw 0 0;
- }
- }
- .one_2 {
- font-size: 16px;
- color: #fff;
- }
- }
- .two {
- .two_2 {
- text-align: center;
- color: #858585;
- font-size: 14px;
- margin: 5vw 0;
- }
- }
- }
- </style>
|