|
|
@@ -0,0 +1,223 @@
|
|
|
+
|
|
|
+choose-lits {
|
|
|
+ font-size: 27rpx;
|
|
|
+}
|
|
|
+.uni-product {
|
|
|
+ background-color: white;
|
|
|
+}
|
|
|
+.search {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: horizontal;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -webkit-flex-direction: row;
|
|
|
+ -ms-flex-direction: row;
|
|
|
+ flex-direction: row;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ /* height: 40rpx; */
|
|
|
+ margin-top: 40rpx;
|
|
|
+ /* line-height: 40rpx; */
|
|
|
+}
|
|
|
+.search input {
|
|
|
+ width: 50%;
|
|
|
+ height: 60rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ margin-left: 5%;
|
|
|
+ background-color: #F8F8F8;
|
|
|
+}
|
|
|
+.search button {
|
|
|
+ /* line-height: 28px; */
|
|
|
+ /* height: 28px; */
|
|
|
+ height: 60rpx;
|
|
|
+ line-height: 60rpx;
|
|
|
+ border-radius: 28px;
|
|
|
+ width: 25%;
|
|
|
+ font-size: 30rpx;
|
|
|
+ background-color: #EF3A3A;
|
|
|
+}
|
|
|
+text {
|
|
|
+ color: #808080;
|
|
|
+}
|
|
|
+.table-head,
|
|
|
+.table-body {
|
|
|
+ margin: auto;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ padding-right: 20rpx;
|
|
|
+}
|
|
|
+.table-head text,
|
|
|
+.table-body text {
|
|
|
+ width: 15%;
|
|
|
+}
|
|
|
+.uni-product-list {
|
|
|
+ background-color: #F8F8F8;
|
|
|
+ font-size: 35rpx;
|
|
|
+}
|
|
|
+.uni-product {
|
|
|
+ padding-top: 20rpx;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ padding-right: 20rpx;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: horizontal;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -webkit-flex-direction: row;
|
|
|
+ -ms-flex-direction: row;
|
|
|
+ flex-direction: row;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.uni-product-price {
|
|
|
+ font-size: 25rpx;
|
|
|
+ width: 70%;
|
|
|
+}
|
|
|
+.uni-product-content {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: horizontal;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -webkit-flex-direction: row;
|
|
|
+ -ms-flex-direction: row;
|
|
|
+ flex-direction: row;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 150rpx;
|
|
|
+ margin-bottom: 18rpx;
|
|
|
+}
|
|
|
+.uni-product-price-favour,
|
|
|
+.uni-product-price-original,
|
|
|
+.uni-product-tip {
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ display: block;
|
|
|
+ height: 30rpx;
|
|
|
+ position: relative;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -webkit-justify-content: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.uni-product-price-favour:before {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ border-bottom: 15px solid #F2F4F5;
|
|
|
+ border-left: 15px solid white;
|
|
|
+}
|
|
|
+.uni-product-price-favour:after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ border-left: 15px solid #F2F4F5;
|
|
|
+ border-bottom: 15px solid white;
|
|
|
+}
|
|
|
+.uni-product-price-original:before {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ border-bottom: 15px solid #F2F4F5;
|
|
|
+ border-left: 15px solid white;
|
|
|
+}
|
|
|
+.uni-product-price-original:after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ border-left: 15px solid #F2F4F5;
|
|
|
+ border-bottom: 15px solid white;
|
|
|
+}
|
|
|
+.uni-product-tip:before {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ border-bottom: 15px solid #F2F4F5;
|
|
|
+ border-left: 15px solid white;
|
|
|
+}
|
|
|
+.uni-product-tip:after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #F2F4F5;
|
|
|
+ border-left: 15px solid #F2F4F5;
|
|
|
+ border-bottom: 15px solid white;
|
|
|
+}
|
|
|
+.uni-product-content-items,
|
|
|
+.uni-product-content-score {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: horizontal;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -webkit-flex-direction: row;
|
|
|
+ -ms-flex-direction: row;
|
|
|
+ flex-direction: row;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.uni-product-content-bottom {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.uni-product-content-bottom image {
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.uni-product-content-line {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -webkit-flex-direction: column;
|
|
|
+ -ms-flex-direction: column;
|
|
|
+ flex-direction: column;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 70%;
|
|
|
+}
|
|
|
+.uni-product-content image {
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+}
|
|
|
+.uni-product-image {
|
|
|
+ width: 150rpx;
|
|
|
+ height: 150rpx;
|
|
|
+}
|
|
|
+
|