[水感应客户端最新]

2023-06-21 17:14:39 +08:00
commit b3b4d4dae7
187 changed files with 12997 additions and 0 deletions
--- a/pages/mall/list/list.wxss
+++ b/pages/mall/list/list.wxss
@@ -0,0 +1,121 @@
+page {
+    background-color: #f7faff;
+}
+
+/* 产品列表 */
+.product {
+    width: 100%;
+    padding: 30rpx 30rpx 0;
+    box-sizing: border-box;
+}
+
+.product-title {
+    font-size: 36rpx;
+}
+
+.product-item {
+    position: relative;
+    height: 340rpx;
+}
+
+.product-item-img {
+    position: absolute;
+    top: 0;
+    width: 300rpx;
+    height: 300rpx;
+    border-radius: 15rpx;
+}
+
+.product-item-cont {
+    height: 300rpx;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.product-item-title {
+    line-height: 74rpx;
+    font-size: 32rpx;
+}
+
+.product-item-specs,
+.product-item-number {
+    font-size: 24rpx;
+    color: #999999;
+}
+
+.product-item-number {
+    float: right;
+}
+
+.product-item-see {
+    margin: 30rpx 0 20rpx;
+    line-height: 48rpx;
+    overflow: hidden;
+}
+
+.product-item-price {
+    font-size: 38rpx;
+    position: relative;
+    float: left;
+}
+
+.product-item-vip {
+    position: absolute;
+    font-size: 20rpx;
+    top: 0;
+    right: -60rpx;
+    background-color: #ff9951;
+    color: #ffffff;
+    display: inline-block;
+    border-radius: 8rpx;
+    padding: 0 10rpx;
+    line-height: 32rpx;
+    transform: scale(.8);
+}
+
+.product-item-vip:before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: -18rpx;
+    width: 0;
+    height: 0;
+    border: 10rpx solid;
+    margin-top: -10rpx;
+    border-color: transparent #ff9951 transparent transparent;
+}
+
+.product-item-price text {
+    font-size: 24rpx;
+}
+
+.product-item-btn {
+    font-size: 26rpx;
+    background-color: #ffffff;
+    border-radius: 80rpx;
+    height: 76rpx;
+    line-height: 76rpx;
+    border: 2rpx solid #000000;
+    text-align: center;
+    display: inline-block;
+    width: 96%;
+    margin-left: 2%;
+}
+
+.product-item-arrow {
+    width: 18rpx;
+    height: 18rpx;
+    margin-left: 6rpx;
+}
+
+.product-item .product-item-img {
+    left: 0;
+}
+
+.product-item .product-item-cont {
+    padding-left: 340rpx;
+}