mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-03-14 03:54:00 +08:00
v2.0.2
v2.0.2 2.0版本上线
This commit is contained in:
10
demo/pages/basics/image/image.js
Normal file
10
demo/pages/basics/image/image.js
Normal file
@@ -0,0 +1,10 @@
|
||||
const app = getApp();
|
||||
Page({
|
||||
data: {
|
||||
StatusBar: app.globalData.StatusBar,
|
||||
CustomBar: app.globalData.CustomBar
|
||||
},
|
||||
onLoad: function() {
|
||||
|
||||
},
|
||||
});
|
||||
1
demo/pages/basics/image/image.json
Normal file
1
demo/pages/basics/image/image.json
Normal file
@@ -0,0 +1 @@
|
||||
{}
|
||||
14
demo/pages/basics/image/image.wxml
Normal file
14
demo/pages/basics/image/image.wxml
Normal file
@@ -0,0 +1,14 @@
|
||||
<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'>
|
||||
|
||||
</view>
|
||||
</bar>
|
||||
</custom>
|
||||
|
||||
<image class="" src="https://image.weilanwl.com/img/square-4.jpg" mode="widthFix" lazy-load="true" binderror="" bindload=""></image>
|
||||
<view><text>好</text></view>
|
||||
19
demo/pages/basics/image/image.wxss
Normal file
19
demo/pages/basics/image/image.wxss
Normal file
@@ -0,0 +1,19 @@
|
||||
/* view {
|
||||
background: RED;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 100px;
|
||||
border-top-left-radius: 38.2% 61.8%;
|
||||
border-top-right-radius: 61.8% 38.2%;
|
||||
border-bottom-right-radius: 38.2% 61.8%;
|
||||
border-bottom-left-radius: 61.8% 38.2%;
|
||||
transform: rotate(-20deg);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 50px;
|
||||
color: #fff;
|
||||
}
|
||||
view text{
|
||||
transform: rotate(20deg);
|
||||
} */
|
||||
Reference in New Issue
Block a user