Initial Commit

pages/cart/cart.wxss

@@ -0,0 +1,201 @@
+/* pages/cart/cart.wxss */
+page {
+  background-color: #f5f5f5;
+}
+
+.data {
+  width: 690rpx;
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  padding: 0 30rpx;
+  margin-top: 30rpx;
+}
+
+.top {
+  font-size: 32rpx;
+  color: #333333;
+  height: 80rpx;
+  width: 100%;
+  line-height: 80rpx;
+}
+
+.cont {
+  width: 100%;
+  padding: 30rpx 0;
+  border-bottom: 1rpx #dcdcdc solid;
+}
+
+.cont:last-child {
+  border-bottom: none;
+}
+
+.check {
+  width: 42rpx;
+}
+
+.check image {
+  width: 42rpx;
+  height: 42rpx;
+}
+
+.data-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 10rpx;
+}
+
+.name-price {
+  padding: 10rpx 0;
+  width: 430rpx;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: space-between;
+}
+
+.name-price>view {
+  width: 100%;
+}
+
+.name-price .name {
+  font-size: 28rpx;
+  color: #333333;
+  width: 250rpx;
+}
+
+.specName{
+  font-size: 24rpx;
+  color: #999999;
+}
+
+.price {
+  font-size: 36rpx;
+  color: #ee7b1e;
+}
+
+.price text {
+  font-size: 24rpx;
+  color: #999999;
+  text-decoration: line-through;
+  margin-left: 10rpx;
+}
+
+.num1 {
+  width: 40rpx;
+  height: 40rpx;
+  border: solid 2rpx #ff5502;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 40rpx;
+  border-radius: 50%;
+  color: #ff291e;
+}
+
+.num3 {
+  width: 40rpx;
+  height: 40rpx;
+  border: solid 2rpx #ee7b1e;
+  background-color: #ee7b1e;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 40rpx;
+  border-radius: 50%;
+  color: #ffffff;
+}
+
+.num2 {
+  font-size: 32rpx;
+  color: #0b0b0b;
+  height: 44rpx;
+  text-align: center;
+  line-height: 44rpx;
+  padding: 0 25rpx;
+}
+
+.bom {
+  width: 690rpx;
+  padding: 0 30rpx;
+  height: 100rpx;
+  background-color: #ffffff;
+  border-radius: 20rpx 20rpx 0rpx 0rpx;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+}
+
+.bom-l {
+  font-size: 32rpx;
+  color: #999999;
+}
+
+.bom-l image {
+  width: 42rpx;
+  height: 42rpx;
+  margin-right: 20rpx;
+}
+
+.bom-m {
+  font-size: 28rpx;
+  color: #333333;
+}
+.bom-m text{
+  color: #ee7b1e;
+}
+.bom-m text text{
+  font-size: 36rpx;
+}
+
+.bom-r {
+  width: 190rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+  background-image: linear-gradient(-90deg, 
+		#ee7b1e 0%, 
+		#fdae03 100%);
+  border-radius: 30rpx;
+  font-size: 32rpx;
+  color: #ffffff;
+  text-align: center;
+}
+
+/* 无 */
+.bom-r__empty{
+  width: 190rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+  background-color: #cccccc;
+  border-radius: 30rpx;
+  font-size: 32rpx;
+  color: #ffffff;
+  text-align: center;
+}
+.empty{
+  width: 100%;
+}
+.empty-img{
+  width: 300rpx;
+  height: 300rpx;
+  margin: 200rpx auto 40rpx;
+}
+.empty-img image{
+  width:293rpx;
+  height: 317rpx;
+}
+.tips{
+  font-size: 28rpx;
+	letter-spacing: 3rpx;
+  color: #bababa;
+  text-align: center;
+}
+.goShop{
+  margin: 70rpx auto 0;
+  width: 180rpx;
+	height: 60rpx;
+	border-radius: 10rpx;
+  border: solid 2rpx #ee7b1e;
+  font-size: 28rpx;
+	letter-spacing: 3rpx;
+  color: #ee7b1e;
+  text-align: center;
+  line-height: 60rpx;
+}