Merge branch 'master' of http://git.luyuan.tk/pplokijuhyg/deguodaigou into pplok

components/shopping/shoppingitem/shoppingitem.js

@@ -0,0 +1,26 @@
+// components/shopping/shoppingitem/shoppingitem.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        shospname: String,
+        shopdesc: String,
+        price: Number,
+        pic: String
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

components/shopping/shoppingitem/shoppingitem.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

components/shopping/shoppingitem/shoppingitem.wxml

@@ -0,0 +1,16 @@
+<view class="shoppingitem">
+    <view class="select"></view>
+    <view class="pic">
+        <image></image>
+    </view>
+    <view class="shopinfo">
+        <view class="shopname">{{shopname}}</view>
+        <view class="shopdesc">{{shopdesc}}</view>
+        <view class="price">${{price}}</view>
+    </view>
+    <view class="numberset">
+        <view class="reverse"></view>
+        <view class="num">5</view>
+        <view class="add"></view>
+    </view>
+</view>

components/shopping/shoppingitem/shoppingitem.wxss

@@ -0,0 +1,85 @@
+.shoppingitem {
+    width: 639rpx;
+    height: 186rpx;
+    display: flex;
+    justify-content: space-between;
+}
+
+.select {
+    width: 26rpx;
+    height: 26rpx;
+    background: rgba(234, 234, 234, 1);
+    border-radius: 50%;
+    margin: auto 0;
+}
+
+.pic {
+    /* width: 222rpx;
+    height: 222rpx; */
+    width: 186rpx;
+    height: 186rpx;
+    background-color: bisque;
+}
+
+.pic>image {
+    width: 100%;
+    height: 100%;
+}
+
+.shopinfo {
+    width: 186rpx;
+}
+
+.shopname {
+    color: #333333;
+    font-size: 26rpx;
+    font-weight: bold;
+    margin-bottom: 18rpx;
+    margin-top: 35rpx;
+}
+
+.shopdesc {
+    color: #666666;
+    font-size: 22rpx;
+    margin-bottom: 39rpx;
+}
+
+.price {
+    color: #D1D1D1;
+    font-size: 32rpx;
+    font-weight: bold;
+    text-decoration: underline;
+}
+
+.numberset {
+    width: 85rpx;
+    height: 186rpx;
+    border: 1px solid rgba(233, 233, 233, 1);
+    border-radius: 10px;
+    margin-top: 11rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.reverse {
+    width: 19rpx;
+    height: 3rpx;
+    background-color: #97DFB4;
+    margin: 0 auto;
+    margin-top: 25rpx;
+}
+
+.num {
+    color: #242424;
+    font-size: 30rpx;
+    text-align: center;
+}
+
+.add {
+    width: 23rpx;
+    height: 23rpx;
+    background-color: #242424;
+    margin: 0 auto;
+    margin-bottom: 17rpx;
+}