提交

甲情_甲意/miniprogram/pages/shangjiaqiangdan/shangjiaqiangdan.acss

@@ -0,0 +1,145 @@
+/* 大盒子 */
+.box{
+  width: 100%;
+  height: 100%;
+}
+
+/* 上门预约订单盒子 */
+.smyydd{
+  width: 390px;
+  height: 50px;
+  position: absolute;
+  background-color: #eec2c7;
+}
+.smyydd image{
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  left: 10px;
+  top: 10px;
+}
+
+/* 《上门预约订单》 */
+.wsmyydd{
+  font-size: 25px;
+  font-weight: bold;
+  left: 120px;
+  top: 10px;
+  position: absolute;
+  color: black;
+}
+
+/* 三个预约盒子 */
+.box1{
+  width: 100%;
+  height: 210px;
+  top: 50px;
+  position: relative;
+  border: 1px #d9d9d9 solid;
+}
+
+/* 从上到下三个盒子 */
+.box2{
+  width: 100%;
+  height: 80px;
+}
+.box2 image{
+  width: 80px;
+  height: 80px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  border-radius: 50px;
+}
+.box3{
+  width: 100%;
+  height: 80px;
+  position: relative;
+  top: 80px;
+}
+.box3 image{
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: 18px;
+  left: 320px;
+}
+.box4{
+  width: 100%;
+  height: 50px;
+  position: relative;
+  top: 80px;
+}
+
+/* 款式 */
+.p1{
+  font-size: 15px;
+  position: absolute;
+  left: 100px;
+  top: 40px;
+}
+
+/* 款式价格 */
+.p11{
+  font-size: 20px;
+  position: absolute;
+  right: 20px;
+  top: 40px;
+  font-weight: bold;
+  color: #f5b037;
+}
+
+/* 预约内容 */
+.p3{
+  font-size: 15px;
+  font-weight: bold;
+  position: absolute;
+  left: 20px;
+  top: 20px;
+}
+.p4{
+  font-size: 15px;
+  font-weight: bold;
+  position: absolute;
+  left: 20px;
+  top: 55px;
+}
+
+/* 下单日期和情况 */
+.p5{
+  font-size: 15px;
+  font-weight: bold;
+  position: absolute;
+  left: 20px;
+  top: 10px;
+}
+.p6{
+  font-size: 15px;
+  font-weight: bold;
+  position: absolute;
+  left: 15px;
+  top: 5px;
+  color: #ffffff;
+}
+
+/* 订单进行中情况框 */
+.box5{
+ width: 90px;
+ height: 30px;
+ position: absolute;
+ right: 30px;
+ top: 10px;
+ background-color: #ff3348; 
+ border-radius: 10px;
+}
+
+/* 订单已完成情况框 */
+.box6{
+  width: 90px;
+  height: 30px;
+  position: absolute;
+  right: 30px;
+  top: 10px;
+  background-color: #58a55c; 
+  border-radius: 10px;
+ }