1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <template>
| <view class="securityStaffs">
| <view class="container u-skeleton">
| <view style="margin: 20px 0">
| <view v-for="(item,key,index) in datas" :key="index" class="lists">
| <!--u-skeleton-rect 绘制矩形-->
| <text class="u-skeleton-rect">{{key}}:{{item}}</text>
| </view>
| </view>
| </view>
| <!--引用组件-->
| <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
| </view>
| </template>
|
| <script>
| export default {
| name: "securityStaffs",
| props: ['datas'],
| data() {
| return {
| loading: true,
| };
| },
| watch:{
| datas(){
| console.log(this.datas);
| this.loading = false;
| }
| }
| }
| </script>
|
| <style lang="scss">
| .container {
| padding: 20rpx 60rpx;
| }
| </style>
|
|
