mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-03-13 19:44:03 +08:00
v2.0.2
v2.0.2 2.0版本上线
This commit is contained in:
12
demo/pages/basics/loading/loading.js
Normal file
12
demo/pages/basics/loading/loading.js
Normal file
@@ -0,0 +1,12 @@
|
||||
const app = getApp();
|
||||
Page({
|
||||
data: {
|
||||
StatusBar: app.globalData.StatusBar,
|
||||
CustomBar: app.globalData.CustomBar
|
||||
},
|
||||
isLoading (e) {
|
||||
this.setData({
|
||||
isLoad: e.detail.value
|
||||
})
|
||||
},
|
||||
});
|
||||
1
demo/pages/basics/loading/loading.json
Normal file
1
demo/pages/basics/loading/loading.json
Normal file
@@ -0,0 +1 @@
|
||||
{}
|
||||
31
demo/pages/basics/loading/loading.wxml
Normal file
31
demo/pages/basics/loading/loading.wxml
Normal file
@@ -0,0 +1,31 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
|
||||
<icon class='icon-back' /> 加载
|
||||
</navigator>
|
||||
<view class='action'>
|
||||
<load class="load-icon {{!isLoad?'loading':'over'}}"></load>
|
||||
</view>
|
||||
</bar>
|
||||
</custom>
|
||||
<bar>
|
||||
<view class='action'>
|
||||
<icon class='icon-title text-blue'/>背景
|
||||
</view>
|
||||
</bar>
|
||||
<load class="bg-blue {{!isLoad?'loading':'over'}}"></load>
|
||||
<bar class="margin-top">
|
||||
<view class='action'>
|
||||
<icon class='icon-title text-blue'/>加载状态
|
||||
</view>
|
||||
<view class='action'>
|
||||
<switch class='sm' bindchange='isLoading'></switch>
|
||||
</view>
|
||||
</bar>
|
||||
<load class="bg-grey {{!isLoad?'loading':'over'}}"></load>
|
||||
<bar class="margin-top">
|
||||
<view class='action'>
|
||||
<icon class='icon-title text-blue'/>加载错误
|
||||
</view>
|
||||
</bar>
|
||||
<load class="bg-red erro"></load>
|
||||
1
demo/pages/basics/loading/loading.wxss
Normal file
1
demo/pages/basics/loading/loading.wxss
Normal file
@@ -0,0 +1 @@
|
||||
/* pages/basics/load/load.wxss */
|
||||
Reference in New Issue
Block a user