绚火健康

pages/order/index.wxss

@@ -0,0 +1,174 @@
+page {
+    background-color: #f7faff;
+}
+
+/* tabs */
+.header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    height: 100rpx;
+    background-color: #f7faff;
+}
+
+.tabs {
+    display: flex;
+    justify-content: space-around;
+    padding: 30rpx 10rpx;
+    font-size: 30rpx;
+    color: #3c3d3e;
+}
+
+.tabs-item.show {
+    color: #da2b54;
+}
+
+/* 列表 */
+.list {
+    padding: 20rpx 30rpx 30rpx;
+    box-sizing: border-box;
+    margin-top: 100rpx;
+}
+
+.list-item {
+    background-color: #ffffff;
+    border-radius: 20rpx;
+    padding: 30rpx;
+    box-sizing: border-box;
+    margin-bottom: 30rpx;
+    box-shadow: 0 4rpx 30rpx 2rpx rgba(0, 0, 0, .05);
+}
+
+.list-top {
+    display: flex;
+    margin-bottom: 30rpx;
+    line-height: 48rpx;
+}
+
+.list-top-no {
+    flex: 1;
+}
+
+.list-top-status {
+    color: #ff8100;
+}
+
+.list-goods {
+    display: flex;
+}
+
+.list-goods-img {
+    width: 184rpx;
+    height: 184rpx;
+    margin-right: 30rpx;
+    border-radius: 10rpx;
+}
+
+.list-goods-cont {
+    width: calc(100% - 214rpx);
+}
+
+.list-goods-name {
+    font-size: 32rpx;
+}
+
+.list-goods-text {
+    line-height: 90rpx;
+    display: flex;
+    font-size: 28rpx;
+    color: #999999;
+}
+
+.list-goods-text text {
+    flex: 1;
+}
+
+.list-goods-parice {
+    text-align: right;
+    font-size: 28rpx;
+}
+
+.list-goods-parice text {
+    font-size: 32rpx;
+}
+
+.list-total {
+    text-align: right;
+    margin-top: 30rpx;
+    font-size: 30rpx;
+}
+
+.list-total.active {
+    color: #da2b54;
+}
+
+.list-total text {
+    font-size: 30rpx;
+}
+
+.list-total-price {
+    display: inline-block;
+    font-weight: 600;
+    font-size: 38rpx;
+}
+
+.list-tips {
+    background-color: #f7faff;
+    display: flex;
+    padding: 20rpx 30rpx;
+    box-sizing: border-box;
+    margin: 30rpx 0 40rpx;
+    border-radius: 10rpx;
+    line-height: 44rpx;
+    font-size: 28rpx;
+}
+
+.list-tips-left {
+    display: flex;
+    margin-right: 40rpx;
+}
+
+.list-tips-img {
+    width: 44rpx;
+    height: 44rpx;
+    margin-right: 10rpx;
+}
+
+.list-tips-right {
+    color: #707070;
+    width: calc(100% - 210rpx);
+}
+
+.list-operate {
+    display: flex;
+}
+
+.list-more {
+    flex: 1;
+    line-height: 56rpx;
+    font-size: 26rpx;
+    color: #999999;
+}
+
+.list-btn {
+    text-align: right;
+}
+
+.list-btn-labor {
+    border: 2rpx solid #ff8100;
+    color: #ff8100;
+    border-radius: 80rpx;
+    height: 56rpx;
+    line-height: 56rpx;
+    padding: 0 25rpx;
+    display: inline-block;
+    font-size: 26rpx;
+    margin-left: 30rpx;
+}
+
+.list-btn-labor.grey {
+    color: grey;
+    border-color: grey;
+}