first commit
This commit is contained in:
编码猿
1
衣莎项目/源码/YiShaXiYi/css/.pydio
Normal file
1
衣莎项目/源码/YiShaXiYi/css/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
06346afe-b1dd-4222-b269-d7f0fd7dedcd
|
||||
3
衣莎项目/源码/YiShaXiYi/css/_main.wxss
Normal file
3
衣莎项目/源码/YiShaXiYi/css/_main.wxss
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "./box.wxss";
|
||||
@import "./color.wxss";
|
||||
@import "./main.wxss";
|
||||
150
衣莎项目/源码/YiShaXiYi/css/box.wxss
Normal file
150
衣莎项目/源码/YiShaXiYi/css/box.wxss
Normal file
@@ -0,0 +1,150 @@
|
||||
/* 全局盒子模型样式 */
|
||||
|
||||
.mt7{
|
||||
margin-top: 7rpx;
|
||||
}
|
||||
.mt10{
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.mt20{
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.mt30{
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.mt35{
|
||||
margin-top: 35rpx;
|
||||
}
|
||||
.mt40{
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.mt50{
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.mt90{
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.mt100{
|
||||
margin-top: 100rpx;
|
||||
}
|
||||
.mt150{
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.mr10{
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.mr15{
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.mr20{
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.mr30{
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.mb5{
|
||||
margin-bottom: 5rpx;
|
||||
}
|
||||
.mb10{
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.mb20{
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.mb50{
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.ml10{
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.ml20{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.ml30{
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.ml40{
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
.mtb20{
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.pt10{
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
.pt20{
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
.pt30{
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
.pt40{
|
||||
padding-top: 40rpx;
|
||||
}
|
||||
.pr10{
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.pb10{
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
.pb20{
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.pl10{
|
||||
padding-left: 10rpx;
|
||||
}
|
||||
.pl20{
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.pl30{
|
||||
padding-left: 30rpx;
|
||||
}
|
||||
.pt40{
|
||||
padding-top: 40rpx;
|
||||
}
|
||||
.pl{
|
||||
padding: 0 38rpx;
|
||||
}
|
||||
.pd20{
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.pd25{
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
.pd30{
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.pd40{
|
||||
padding: 0 40rpx;
|
||||
}
|
||||
.pdtb10{
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
.pdtb20{
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.pdtb30{
|
||||
padding: 30rpx 0;
|
||||
}
|
||||
|
||||
.fl{
|
||||
float: left;
|
||||
}
|
||||
.fr{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.w100{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fw500{
|
||||
font-weight: 500;
|
||||
}
|
||||
19
衣莎项目/源码/YiShaXiYi/css/color.wxss
Normal file
19
衣莎项目/源码/YiShaXiYi/css/color.wxss
Normal file
@@ -0,0 +1,19 @@
|
||||
/* 全局颜色 */
|
||||
.b_red{
|
||||
background-color: red;
|
||||
}
|
||||
.c_red{
|
||||
color: #ff4838 !important;
|
||||
}
|
||||
.gray300{
|
||||
color: #333333;
|
||||
}
|
||||
.gray900{
|
||||
color: #cccccc;
|
||||
}
|
||||
.orange300{
|
||||
color: #f6ba42;
|
||||
}
|
||||
page{
|
||||
--greens: #1dbf53;
|
||||
}
|
||||
212
衣莎项目/源码/YiShaXiYi/css/main.wxss
Normal file
212
衣莎项目/源码/YiShaXiYi/css/main.wxss
Normal file
@@ -0,0 +1,212 @@
|
||||
/* 全局css */
|
||||
|
||||
.TabBar{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
/* 平铺水平对齐 */
|
||||
.flex-con1 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* 垂直居中对齐 */
|
||||
.flex-con2 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 水平垂直居中 */
|
||||
|
||||
.flex-con3 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 垂直平铺 */
|
||||
.flex-con4 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
/* 水平居中右对齐 */
|
||||
.flex-con5{
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
/* 右对齐，盒子底部 */
|
||||
.flex-con6{
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap-reverse;
|
||||
flex-wrap: wrap-reverse;
|
||||
-webkit-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
/* 溢出隐藏 */
|
||||
.clamp1 {
|
||||
display: -webkit-box !important;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* flex布局横向 */
|
||||
.dis-flex{
|
||||
display: flex;
|
||||
}
|
||||
/* flex布局纵向 */
|
||||
.dis-flex1{
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
.flex1{
|
||||
flex: 1;
|
||||
}
|
||||
.flex2{
|
||||
flex: 2;
|
||||
}
|
||||
.text-left{
|
||||
text-align: left;
|
||||
}
|
||||
.text-right{
|
||||
text-align: right;
|
||||
}
|
||||
.load-all{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.load-bac{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
/* 空列表 */
|
||||
.empty {
|
||||
height: 600rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
font-stretch: normal;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.empty_img {
|
||||
width: 116rpx;
|
||||
height: 83rpx;
|
||||
}
|
||||
|
||||
/* 固定到底部按钮 */
|
||||
.add{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
height: 100rpx;
|
||||
width: 100%;
|
||||
background-image: linear-gradient(
|
||||
#1dbf53,
|
||||
#1dbf53),
|
||||
linear-gradient(
|
||||
#2dc44e,
|
||||
#2dc44e);
|
||||
background-blend-mode: normal,
|
||||
normal;
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 38rpx;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
/* 提交按钮 */
|
||||
.sub{
|
||||
margin: 90rpx auto 0;
|
||||
width: 690rpx;
|
||||
height: 100rpx;
|
||||
background-image: linear-gradient(
|
||||
#1dbf53,
|
||||
#1dbf53),
|
||||
linear-gradient(
|
||||
#2fd152,
|
||||
#2fd152);
|
||||
background-blend-mode: normal,
|
||||
normal;
|
||||
border-radius: 50rpx;
|
||||
text-align: center;
|
||||
line-height: 100rpx;
|
||||
font-family: PingFang-SC-Bold;
|
||||
font-size: 38rpx;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
letter-spacing: 0px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 动画 */
|
||||
|
||||
.live{
|
||||
|
||||
}
|
||||
@keyframes living {
|
||||
0%{
|
||||
transform: scale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
50%{
|
||||
transform: scale(1.5);
|
||||
opacity: 0; /*圆形放大的同时，透明度逐渐减小为0*/
|
||||
}
|
||||
100%{
|
||||
transform: scale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
.liveSpan{
|
||||
position: absolute;
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
top: -110rpx;
|
||||
left: 6px;
|
||||
right: 0;
|
||||
background: #21d85c;
|
||||
border-radius: 50%;
|
||||
-webkit-animation: living 3s linear infinite;
|
||||
z-index: -1;
|
||||
}
|
||||
.liveSpan:nth-child(2){
|
||||
-webkit-animation-delay: 1.5s; /*第二个span动画延迟1.5秒*/
|
||||
}
|
||||
|
||||
|
||||
@keyframes loading {
|
||||
0%{
|
||||
transform: scale(0.2);
|
||||
opacity: 0.5;
|
||||
}
|
||||
100%{
|
||||
transform: scale(1);
|
||||
opacity: 0; /*圆形放大的同时，透明度逐渐减小为0*/
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user