first commit

衣莎项目/源码/YiShaXiYi/user/wardrobe/wardrobe.wxss

@@ -0,0 +1,181 @@
+/* user/wardrobe/wardrobe.wxss */
+page{
+    height: 100%;
+    background-color: #ffffff;
+}
+.wardrobe{
+    width: 100%;
+    height: 100%;
+    background: url("http://cdn.yishaxiyi.com/80e6a2e682edcf319e00ddfcdb48b0d8.png") top no-repeat;
+    background-size: 100%;
+    padding-top: 255rpx;
+}
+.wardrobe_bac{
+    width: 646rpx;
+	height: 703rpx;
+	background-color: #ffffff;
+	box-shadow: 0px 5rpx 30rpx 0rpx rgba(0, 0, 0, 0.1);
+    border-radius: 20rpx;
+    margin: 0 auto;
+    text-align: center;
+}
+.wardrobe_title{
+    font-family: PingFang-SC-Medium;
+	font-size: 32rpx;
+    color: #000000;
+    font-weight: 400;
+}
+.wardrobe_num{
+    width: 278rpx;
+	font-family: PingFang-SC-Medium;
+	font-size: 60rpx;
+  height: 60rpx;
+	font-weight: 600;
+	letter-spacing: 0px;
+    color: #000000;
+    border-bottom: 2rpx solid #cccccc;
+    margin: 35rpx auto 0;
+}
+.wardrobe_rem{
+    margin-top: 30rpx;
+    width: 466rpx;
+    font-family: PingFang-SC-Medium;
+	font-size: 26rpx;
+	font-weight: 400;
+	color: #999999;
+  line-height: 60rpx;
+}
+
+/* 弹出层 */
+.tips{
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9999;
+}
+.tips_cen{
+    width: 600rpx;
+	height: 489rpx;
+	background-color: #ffffff;
+    border-radius: 10rpx;
+    padding-top: 58rpx;
+}
+.tips_cen_tit{
+    font-family: PingFang-SC-Bold;
+	font-size: 36rpx;
+    color: #000000;
+    font-weight: 600;
+    text-align: center;
+}
+.tips_cen_text{
+    width: 520rpx;
+	height: 200rpx;
+	background-color: #f5f5f5;
+    border-radius: 5rpx;
+    position: relative;
+    padding: 34rpx 25rpx;
+}
+.tips_cen_text textarea{
+    height: 100%;
+    width: 100%;
+}
+.tips_text_span{
+    position: absolute;
+    right: 16rpx;
+    bottom: 13rpx;
+    font-family: PingFang-SC-Medium;
+	font-size: 20rpx;
+	color: #999999;
+}
+.tips_cen_sub{
+    margin: 45rpx auto 0;
+    width: 550rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+    text-align: center;
+	background-color: #36d96c;
+    border-radius: 40rpx;
+    font-family: PingFang-SC-Medium;
+	font-size: 32rpx;
+	color: #ffffff;
+}
+.tips_img{
+    margin-top: 50rpx;
+    text-align: center;
+}
+.tips_img image{
+    width: 69rpx;
+	height: 69rpx;
+}
+
+/* 开锁 */
+.wardrobe_img{
+    margin-top: 60rpx;
+    width: 100%;
+    height: 230rpx;
+    position: relative;
+    background:rgba(0, 0, 0, 0);
+    border: 0;
+    overflow: visible;
+}
+.wardrobe_img::after{
+  width: 0;
+  height: 0;
+}
+.wardrobe_img image{
+    position: absolute;
+    top: 0;
+    left: 50%;
+    margin-left: -115rpx;
+    width: 230rpx;
+    height: 230rpx;
+    z-index: 999;
+    margin-top: 0;
+}
+.img_span::after{
+    content: "";
+    width: 230rpx;
+    height: 230rpx;
+    background: #21d85c;
+    border-radius: 50%;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    margin-left: -115rpx;
+    z-index: 1;
+    animation:imgLiving 3s linear infinite;
+    -webkit-animation: imgLiving 3s linear infinite;
+}
+.img_span::before{
+    content: "";
+    width: 230rpx;
+    height: 230rpx;
+    background: #21d85c;
+    border-radius: 50%;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    margin-left: -115rpx;
+    z-index: 1;
+    animation:imgLiving 3s linear infinite;
+    -webkit-animation: living 3s linear infinite;
+    -webkit-animation-delay: 1.5s; /*第二个span动画延迟1.5秒*/
+}
+@keyframes imgLiving {
+    0%{
+        transform: scale(1);
+        opacity: 0.5;  
+    }
+    50%{
+        transform: scale(1.5);  
+        opacity: 0;   /*圆形放大的同时，透明度逐渐减小为0*/
+    }
+    100%{
+        transform: scale(1);
+        opacity: 0.5;
+    }
+}