first commit

衣莎项目/源码/YiShaXiYi/css/main.wxss

@@ -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*/
+    }
+}