Initial Commit

pages/chuxiao/integral.wxss

@@ -0,0 +1,153 @@
+/* pages/index/index.wxss */
+page {
+  background-color: #f5f5f5;
+}
+.top-all{
+  border-radius: 0px 0px 40rpx 40rpx;
+}
+.top {
+  width: 690rpx;
+  padding: 40rpx 30rpx 0;
+}
+.back-top{
+  position: relative;
+}
+.back{
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 90rpx;
+}
+.back image{
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 50rpx;
+}
+.title {
+  font-size: 36rpx;
+  color: #ffffff;
+  line-height: 90rpx;
+  height: 90rpx;
+  text-align: center;
+}
+
+.bannner {
+  width: 690rpx;
+  height: 280rpx;
+  border-radius: 20rpx;
+  margin:30rpx auto;
+}
+
+.bannner image {
+  width: 690rpx;
+  height: 280rpx;
+  border-radius: 20rpx;
+}
+.shop{
+  width: 750rpx;
+	height: 400rpx;
+	background-image: linear-gradient(180deg, 
+		rgba(255,255,255,1) 0%, 
+		rgba(255,255,255,0) 100%);
+  border-radius: 20rpx 20rpx 0px 0px;
+}
+.shop image{
+  width: 750rpx;
+	height: 100rpx;
+  border-radius: 20rpx 20rpx 0px 0px;
+}
+.goods{
+  width: 690rpx;
+	background-image: linear-gradient(180deg, 
+		#ffffff 0%, 
+		#f5f5f5 44%, 
+		#f5f5f5 100%);
+  border-radius: 40rpx 40rpx 0px 0px;
+  margin-top: 30rpx;
+  padding: 30rpx;
+}
+
+.cont-all{
+  width: 690rpx;
+  margin:0 auto 30rpx;
+  position: relative;
+  top: -300rpx;
+  z-index: 2;
+}
+.cont-all::after{
+  display: block;
+  content: '';
+  clear: both;
+}
+.cont{
+  float: left;
+  width: 330rpx;
+	background-color: #ffffff;
+  border-radius: 10rpx;
+  margin:30rpx 30rpx 0 0;
+}
+.cont:nth-child(2n){
+  margin-right: 0;
+}
+.goods-img{
+  width: 330rpx;
+	height: 330rpx;
+}
+.goods-name{
+  width: 280rpx;
+  padding:0 25rpx;
+  font-size: 32rpx;
+  color: #333333;
+  margin-top: 25rpx;
+}
+.goods-price{
+  margin:0 20rpx;
+  padding: 18rpx 0;
+  width:290rpx;
+  border-bottom: 1rpx solid #e5e5e5;
+}
+.price{
+  font-size: 36rpx;
+	color: #ee7b1e;
+}
+.price text{
+  font-size: 28rpx;
+}
+.original-price{
+  font-size: 24rpx;
+  color: #999999;
+  text-decoration: line-through;
+}
+.goods-sales{
+  font-size: 24rpx;
+  color: #999999;
+  line-height:72rpx;
+  padding:0 25rpx;
+  position: relative;
+}
+.exchange{
+  position: absolute;
+  top: 20rpx;
+  right:16rpx;
+  width: 100rpx;
+	height: 36rpx;
+	line-height: 36rpx;
+	background-color: #ee7b1e;
+  border-radius: 18rpx;
+  text-align: center;
+  font-size: 24rpx;
+	color: #ffffff;
+}
+.empty{
+  text-align: center;
+  margin: 250rpx auto;
+  font-size: 28rpx;
+	letter-spacing: 3rpx;
+	color: #bababa;
+}
+
+.price-text2{
+  font-size: 24rpx;
+  color: #999999;
+  text-decoration: line-through;
+}