molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-03-13 19:44:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.0.2 (单位全局使用rpx)

Browse Source 
v2.0.2 (单位全局使用rpx)
This commit is contained in:
Weilanwl
2018-12-28 00:03:00 +08:00
parent ec50ad8a7b
commit 2cd0b9366e
5 changed files with 3003 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
demo/app.wxss
View File

@@ -1,19 +1,20 @@
@import "icon.wxss";
@import "colorui.wxss";
@import "colorui-rpx.wxss";
@import "/pages/plugin/animation/animation.wxss";
.nav-list {
display: flex;
flex-wrap: wrap;
padding: 0px 20px 0px;
padding: 0px 40rpx 0px;
justify-content: space-between;
}
.nav-li {
color: #666;
padding: 15px;
border-radius: 6px;
padding: 30rpx;
border-radius: 12rpx;
width: 45%;
margin: 0 2.5% 20px;
margin: 0 2.5% 40rpx;
background-image: url(https://image.weilanwl.com/color2.0/cardBg.png);
background-size: cover;
background-position: center;
@@ -30,7 +31,7 @@
height: 100%;
left: 0;
bottom: -10%;
border-radius: 5px;
border-radius: 10rpx;
opacity: 0.2;
transform: scale(0.9, 0.9);
}
@@ -38,23 +39,23 @@
.nav-li.cur {
color: #fff;
background: rgb(94, 185, 94);
box-shadow: 2px 2px 3px rgba(94, 185, 94, 0.4);
box-shadow: 4rpx 4rpx 6rpx rgba(94, 185, 94, 0.4);
}
.nav-title {
font-size: 16px;
font-size: 32rpx;
font-weight: 300;
}
.nav-title::first-letter {
font-size: 20px;
margin-right: 2px;
font-size: 40rpx;
margin-right: 4rpx;
}
.nav-name {
font-size: 14px;
font-size: 28rpx;
text-transform: Capitalize;
margin-top: 10px;
margin-top: 20rpx;
position: relative;
}
@@ -62,8 +63,8 @@
content: "";
position: absolute;
display: block;
width: 20px;
height: 3px;
width: 40rpx;
height: 6rpx;
background: #fff;
bottom: 0;
right: 0;
@@ -74,29 +75,29 @@
content: "";
position: absolute;
display: block;
width: 50px;
width: 100rpx;
height: 1px;
background: #fff;
bottom: 0;
right: 20px;
right: 40rpx;
opacity: 0.3;
}
.nav-name::first-letter {
font-weight: bold;
font-size: 18px;
font-size: 36rpx;
margin-right: 1px;
}
.nav-li icon {
position: absolute;
right: 15px;
top: 15px;
font-size: 26px;
width: 30px;
height: 30px;
right: 30rpx;
top: 30rpx;
font-size: 52rpx;
width: 60rpx;
height: 60rpx;
text-align: center;
line-height: 30px;
line-height: 60rpx;
}
.text-light {
@@ -109,7 +110,7 @@
}
60% {
transform: translateY(20px);
transform: translateY(40rpx);
}
100% {
@@ -123,7 +124,7 @@
}
60% {
transform: translateY(20px);
transform: translateY(40rpx);
}
100% {