|
9 | 9 | <view wx:if="{{type==='change'}}" style="{{color?'background-color:'+color:''}}" class="{{type+'-bounce3'}} {{'spinner-'+ type + '-' + size}}"></view>
|
10 | 10 | <view class="spinner-circle {{'spinner-circle-' + size}}" wx:if="{{ type === 'circle'}}">
|
11 | 11 | <view class="spinner-container container1">
|
12 |
| - <view class="circle1 {{type + '-' + size}}" style="background: {{color}}"></view> |
13 |
| - <view class="circle2 {{type + '-' + size}}" style="background: {{color}}"></view> |
14 |
| - <view class="circle3 {{type + '-' + size}}" style="background: {{color}}"></view> |
15 |
| - <view class="circle4 {{type + '-' + size}}" style="background: {{color}}"></view> |
| 12 | + <view class="circle1 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 13 | + <view class="circle2 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 14 | + <view class="circle3 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 15 | + <view class="circle4 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
16 | 16 | </view>
|
17 | 17 | <view class="spinner-container container2">
|
18 |
| - <view class="circle1 {{type + '-' + size}}" style="background: {{color}}"></view> |
19 |
| - <view class="circle2 {{type + '-' + size}}" style="background: {{color}}"></view> |
20 |
| - <view class="circle3 {{type + '-' + size}}" style="background: {{color}}"></view> |
21 |
| - <view class="circle4 {{type + '-' + size}}" style="background: {{color}}"></view> |
| 18 | + <view class="circle1 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 19 | + <view class="circle2 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 20 | + <view class="circle3 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 21 | + <view class="circle4 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
22 | 22 | </view>
|
23 | 23 | <view class="spinner-container container3">
|
24 |
| - <view class="circle1 {{type + '-' + size}}" style="background: {{color}}"></view> |
25 |
| - <view class="circle2 {{type + '-' + size}}" style="background: {{color}}"></view> |
26 |
| - <view class="circle3 {{type + '-' + size}}" style="background: {{color}}"></view> |
27 |
| - <view class="circle4 {{type + '-' + size}}" style="background: {{color}}"></view> |
| 24 | + <view class="circle1 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 25 | + <view class="circle2 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 26 | + <view class="circle3 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 27 | + <view class="circle4 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
28 | 28 | </view>
|
29 | 29 | </view>
|
30 | 30 | <view wx:if="{{ type === 'rotate'}}">
|
|
47 | 47 | <view wx:if="{{type==='change'}}" style="{{color?'background-color:'+color:''}}" class="{{type+'-bounce3'}} {{'spinner-'+ type + '-' + size}}"></view>
|
48 | 48 | <view wx:if="{{ type === 'circle'}}" class="spinner-circle {{'spinner-circle-' + size}}">
|
49 | 49 | <view class="spinner-container container1">
|
50 |
| - <view class="circle1 {{type + '-' + size}}" style="background: {{color}}"></view> |
51 |
| - <view class="circle2 {{type + '-' + size}}" style="background: {{color}}"></view> |
52 |
| - <view class="circle3 {{type + '-' + size}}" style="background: {{color}}"></view> |
53 |
| - <view class="circle4 {{type + '-' + size}}" style="background: {{color}}"></view> |
| 50 | + <view class="circle1 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 51 | + <view class="circle2 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 52 | + <view class="circle3 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 53 | + <view class="circle4 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
54 | 54 | </view>
|
55 | 55 | <view class="spinner-container container2">
|
56 |
| - <view class="circle1 {{type + '-' + size}}" style="background: {{color}}"></view> |
57 |
| - <view class="circle2 {{type + '-' + size}}" style="background: {{color}}"></view> |
58 |
| - <view class="circle3 {{type + '-' + size}}" style="background: {{color}}"></view> |
59 |
| - <view class="circle4 {{type + '-' + size}}" style="background: {{color}}"></view> |
| 56 | + <view class="circle1 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 57 | + <view class="circle2 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 58 | + <view class="circle3 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 59 | + <view class="circle4 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
60 | 60 | </view>
|
61 | 61 | <view class="spinner-container container3">
|
62 |
| - <view class="circle1 {{type + '-' + size}}" style="background: {{color}}"></view> |
63 |
| - <view class="circle2 {{type + '-' + size}}" style="background: {{color}}"></view> |
64 |
| - <view class="circle3 {{type + '-' + size}}" style="background: {{color}}"></view> |
65 |
| - <view class="circle4 {{type + '-' + size}}" style="background: {{color}}"></view> |
| 62 | + <view class="circle1 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 63 | + <view class="circle2 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 64 | + <view class="circle3 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
| 65 | + <view class="circle4 container-view {{type + '-' + size}}" style="background: {{color}}"></view> |
66 | 66 | </view>
|
67 | 67 | </view>
|
68 | 68 | <view wx:if="{{ type === 'rotate'}}">
|
|
0 commit comments