diff --git a/App.vue b/App.vue index bd85acbd..d2a9c66b 100644 --- a/App.vue +++ b/App.vue @@ -34,4 +34,16 @@ font-size: 28rpx; padding-bottom: 120rpx; } + + .uicon-volume { + font-size: 28rpx !important; + } + .u-grid-item { + margin-bottom: 43rpx; + } + .line { + height: 20rpx; + background: #F9F9F9; + border-radius: 0rpx 0rpx 0rpx 0rpx; + } \ No newline at end of file diff --git a/api/community.js b/api/community.js index f6eee9dd..7b3244ba 100644 --- a/api/community.js +++ b/api/community.js @@ -1,6 +1,7 @@ export const apiArr = { list: '/wechat/community/list', // 获取社区列表 info: '/wechat/community/info', // 获取单个社区信息 + isJoin: '/wechat/community/is-join', // 用户是否加入社区、楼宇、房间 tipsList: '/wechat/community/tips/list', // 获取全部通知列表 oneTips: '/wechat/community/tips/one', // 获取单个社区通知 apply: '/wechat/community/apply', // 申请加入小区 diff --git a/api/doorToDoor.js b/api/doorToDoor.js index c6d8d33b..0a4ca7e8 100644 --- a/api/doorToDoor.js +++ b/api/doorToDoor.js @@ -6,6 +6,6 @@ export const apiArr = { createServerOrder: '/wechat/appoint-orders/create', //创建上门服务订单 getCurrentShopMsg: '/wechat/water/device/shop-info', //获取店铺支付信息 getBanner: '/wechat/banner-list ', //banner图 - getGoodsList: '/wechat/appoints/get-shop-list', //获取商家列表 + getGoodsList: '/wechat/get-shop-list', //获取商家列表 getGoodsDesc:"/wechat/shop/shop_info", //商家详情 } diff --git a/api/shopEnter.js b/api/shopEnter.js new file mode 100644 index 00000000..aace9aa4 --- /dev/null +++ b/api/shopEnter.js @@ -0,0 +1,6 @@ +export const apiArr = { + settledShop: '/wechat/shop/settled-shop', // 商家入驻 + settledDeal: '/wechat/water/dealer/settled-deal', // 经销商入驻 + settledComm: '/wechat/community/settled-comm', // 社区入驻 + getTree: '/wechat/shop/cates/get-tree', // 商家商户分类树信息 +} \ No newline at end of file diff --git a/components/areaPopup/areaPopup.vue b/components/areaPopup/areaPopup.vue index 3322e466..455a9b33 100644 --- a/components/areaPopup/areaPopup.vue +++ b/components/areaPopup/areaPopup.vue @@ -11,7 +11,6 @@ 取消 确认 - {{item.name}} @@ -84,11 +83,34 @@ mask: true }); try { - const [provRes, cityRes, distRes] = await Promise.all([ - this.getProvList(), - this.getCityList(), - this.getDistList(), - ]) + const proviceList = uni.getStorageSync('proviceList'); + const cityList = uni.getStorageSync('cityList'); + const businessList = uni.getStorageSync('businessList'); + let provRes, cityRes, distRes; + + // 有缓存数据时不进行接口数据请求 + if (proviceList || cityList || businessList) { + provRes = { + rows: proviceList + }; + cityRes = { + rows: cityList + }; + distRes = { + rows: businessList + }; + } else { + [provRes, cityRes, distRes] = await Promise.all([ + this.getProvList(), + this.getCityList(), + this.getDistList(), + ]) + // 无缓存时 缓存省市区数据 + uni.setStorageSync('proviceList',provRes.rows) + uni.setStorageSync('cityList',cityRes.rows) + uni.setStorageSync('businessList',distRes.rows) + } + uni.hideLoading(); // 默认展示第一条数据 的市区 和 城区 diff --git a/manifest.json b/manifest.json index a971ed3a..889138cc 100644 --- a/manifest.json +++ b/manifest.json @@ -73,7 +73,7 @@ "urlCheck" : false }, "usingComponents" : true, - "requiredPrivateInfos" : [ "getLocation" ], + "requiredPrivateInfos" : [ "getLocation", "chooseLocation" ], "permission" : { "scope.userLocation" : { "desc" : "正在授权您获取当前位置信息" diff --git a/packages/aroundShop/index/index.css b/packages/aroundShop/index/index.css new file mode 100644 index 00000000..e0b997bd --- /dev/null +++ b/packages/aroundShop/index/index.css @@ -0,0 +1,86 @@ +.merchantList { + padding: 30rpx 20rpx; +} +.merchantItem { + width: 720rpx; + display: flex; + align-items: center; + justify-content: space-between; + padding: 30rpx 0; + border-bottom: 1rpx solid #E6E6E6; + box-sizing: border-box; +} +/* +.merchantItem_left { + display: flex; + align-items: center; +} */ + +.left_pic { + width: 180rpx; + height: 180rpx; + border-radius: 20rpx; + overflow: hidden; + margin-right: 20rpx; +} + +.merchantItem_right { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; +} +.lat { + margin-bottom: 60rpx; +} +.tel { + font-weight: 400; + font-size: 26rpx; + color: #FFFFFF; + width: 150rpx; + height: 50rpx; + background: #D5AC66; + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.merchantItem_left_msg_tit { + font-weight: 400; + font-size: 32rpx; + color: #000000; +} + +.merchantItem_left_msg { + flex: 1; + overflow: hidden; +} + +.merchantItem_left_msg_add { + font-weight: 400; + font-size: 24rpx; + color: #999999; + margin-top: 14rpx; + /* flex: 1; */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + /* width: 400rpx; */ +} + +.merchantItem_left_msg_msg { + font-weight: 400; + font-size: 22rpx; + color: #FF512A; + background: #FFF0ED; + padding: 2rpx; + margin-top: 16rpx; +} + +.merchantItem_left_msg_tag { + font-weight: 400; + font-size: 24rpx; + color: #999999; + margin-top: 18rpx; +} \ No newline at end of file diff --git a/packages/aroundShop/index/index.vue b/packages/aroundShop/index/index.vue new file mode 100644 index 00000000..01d6c711 --- /dev/null +++ b/packages/aroundShop/index/index.vue @@ -0,0 +1,157 @@ + + + + + \ No newline at end of file diff --git a/packages/community/addCar/index.css b/packages/community/addCar/index.css deleted file mode 100644 index daa6e238..00000000 --- a/packages/community/addCar/index.css +++ /dev/null @@ -1,88 +0,0 @@ -.title { - font-weight: bold; - font-size: 28rpx; - color: #222222; - margin-top: 30rpx; - margin-left: 20rpx; -} - -.item { - margin: 0 50rpx; - height: 90rpx; - border-bottom: 1rpx solid #E6E6E6; - display: flex; - align-items: center; - justify-content: space-between; -} -.no-border { - border-bottom: none; -} - -.left { - display: flex; -} - -.left_pic { - width: 30rpx; - height: 30rpx; - margin-right: 20rpx; -} - -.item_desc { - font-weight: 400; - font-size: 26rpx; - color: #999999; -} - -.right_input { - flex: 1; - text-align: right; -} - -.right_pic { - width: 40rpx; - height: 40rpx; -} - -.line { - height: 20rpx; - background: #F9F9F9; -} - -.tips { - padding: 30rpx 0 0 20rpx -} - -.tip { - display: inline-block; - font-weight: 400; - font-size: 26rpx; - color: #FFFFFF; - background: #FF512A; - border-radius: 100rpx 100rpx 100rpx 100rpx; - padding: 4rpx 14rpx; -} - -.desc { - font-weight: 400; - font-size: 24rpx; - color: #999999; - margin-top: 24rpx; - -} - -.desc:last-child { - margin-top: 20rpx; -} - -.btn { - height: 80rpx; - line-height: 80rpx; - margin: 34rpx 50rpx 0; - font-weight: 400; - font-size: 36rpx; - color: #FFFFFF; - background: #FF512A; - border-radius: 100rpx 100rpx 100rpx 100rpx; - text-align: center; -} \ No newline at end of file diff --git a/packages/community/addCar/index.vue b/packages/community/addCar/index.vue deleted file mode 100644 index e2498853..00000000 --- a/packages/community/addCar/index.vue +++ /dev/null @@ -1,119 +0,0 @@ - - - - - diff --git a/packages/community/applyOwer/index.css b/packages/community/applyOwer/index.css index e5ffdd5c..b5748729 100644 --- a/packages/community/applyOwer/index.css +++ b/packages/community/applyOwer/index.css @@ -1,85 +1,101 @@ -.title { - font-weight: bold; - font-size: 28rpx; - color: #222222; - margin-top: 30rpx; - margin-left: 20rpx; -} - -.item { - margin: 0 50rpx; - height: 90rpx; - border-bottom: 1rpx solid #E6E6E6; - display: flex; - align-items: center; - justify-content: space-between; -} - -.left { - display: flex; -} - -.left_pic { - width: 30rpx; - height: 30rpx; - margin-right: 20rpx; -} - -.item_desc { - font-weight: 400; - font-size: 26rpx; - color: #999999; -} - -.right_input { - flex: 1; - text-align: right; -} - -.right_pic { - width: 40rpx; - height: 40rpx; -} - -.line { - height: 20rpx; - background: #F9F9F9; -} - -.tips { - padding: 30rpx 0 0 20rpx -} - -.tip { - display: inline-block; - font-weight: 400; - font-size: 26rpx; - color: #FFFFFF; - background: #FF512A; - border-radius: 100rpx 100rpx 100rpx 100rpx; - padding: 4rpx 14rpx; -} - -.desc { - font-weight: 400; - font-size: 24rpx; - color: #999999; - margin-top: 24rpx; - -} - -.desc:last-child { - margin-top: 20rpx; -} - -.btn { - height: 80rpx; - line-height: 80rpx; - margin: 80rpx 50rpx 0; - font-weight: 400; - font-size: 36rpx; - color: #FFFFFF; - background: #FF512A; - border-radius: 100rpx 100rpx 100rpx 100rpx; - text-align: center; +page { + background-color: #FFFFFF; + min-height: calc(100vh - 120rpx); +} + +.container_body { + height: 100%; +} + +.container { + height: 100%; +} + +.title { + font-weight: bold; + font-size: 28rpx; + color: #222222; + margin-top: 30rpx; + margin-left: 20rpx; +} + + + +.right_pic { + width: 40rpx; + height: 40rpx; +} + +.line { + height: 20rpx; + background: #F9F9F9; +} + +.tips { + font-size: 26rpx; + color: #999999; + margin: 0 80rpx; +} + + +.desc { + font-weight: 400; + font-size: 24rpx; + color: #999999; + margin-top: 24rpx; + +} + +.desc:last-child { + margin-top: 20rpx; +} + +.btn { + height: 80rpx; + line-height: 80rpx; + margin: 80rpx 50rpx 0; + font-weight: 400; + font-size: 36rpx; + color: #FFFFFF; + background: #FF512A; + border-radius: 100rpx 100rpx 100rpx 100rpx; + text-align: center; +} + + +image { + width: 100%; + height: 100%; + object-fit: cover; +} + +.userAva { + width: 180rpx; + height: 180rpx; + border-radius: 50%; + overflow: hidden; + margin: 0 auto; + margin-top: 12rpx; +} + +.Name { + font-size: 40rpx; + color: #000000; + text-align: center; + margin-top: 20rpx; + margin-bottom: 78rpx; +} + +.item { + margin-top: 40rpx; + margin: 0 80rpx; + border-bottom: 1rpx solid #EBEBEB; + padding-bottom: 10rpx; + margin-bottom: 40rpx; +} + +.label { + font-size: 32rpx; + color: #000000; + margin-bottom: 10rpx; } \ No newline at end of file diff --git a/packages/community/applyOwer/index.vue b/packages/community/applyOwer/index.vue index a2cbe006..606cece3 100644 --- a/packages/community/applyOwer/index.vue +++ b/packages/community/applyOwer/index.vue @@ -1,236 +1,112 @@ - - - - - + + + + + diff --git a/packages/community/chooseMsg/index.css b/packages/community/chooseMsg/index.css index 13e5a994..c7e9a32e 100644 --- a/packages/community/chooseMsg/index.css +++ b/packages/community/chooseMsg/index.css @@ -1,17 +1,88 @@ -.title { - font-weight: bold; - font-size: 28rpx; - color: #222222; - margin-top: 30rpx; - margin-left: 20rpx; - } - - .item { - margin: 0 50rpx; - height: 90rpx; - border-bottom: 1rpx solid #E6E6E6; - display: flex; - align-items: center; - justify-content: space-between; - } - \ No newline at end of file +image { + width: 100%; + height: 100%; +} + +.searchBox { + width: 710rpx; + height: 70rpx; + background: #F6F6FA; + border-radius: 100rpx 100rpx 100rpx 100rpx; + margin: 0 auto; + margin-top: 30rpx; + display: flex; + align-items: center; + padding: 0 30rpx; +} + +.searchBox image { + width: 30rpx; + height: 30rpx; + margin-right: 16rpx; +} + +.searchBox input { + flex: 1; +} + +.communityItem { + box-sizing: border-box; + margin: 0 20rpx; + padding: 30rpx 0; + border-bottom: 1rpx solid #EBEBEB; + display: flex; +} + +.communityItem_img { + width: 180rpx; + height: 160rpx; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin-right: 20rpx; +} + +.communityItem_msg { + flex: 1; + display: flex; + align-items: center; +} + +.communityItem_msg_title { + font-size: 32rpx; + color: #222222; +} + +.communityItem_msg_addr { + font-size: 26rpx; + color: #999999; + height: 72rpx; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + margin-top: 20rpx; +} + +.communityItem_msg_more { + width: 16rpx; + height: 30rpx; + margin-left: 110rpx; +} + +.addBtn { + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + margin-top: 30rpx; +} + +/* .communityItem的最后一个 */ +.communityList .communityItem:last-child { + border-bottom: none; +} \ No newline at end of file diff --git a/packages/community/chooseMsg/index.vue b/packages/community/chooseMsg/index.vue index eade3a64..bbe23c49 100644 --- a/packages/community/chooseMsg/index.vue +++ b/packages/community/chooseMsg/index.vue @@ -1,125 +1,65 @@ - - - - - + + + + + diff --git a/packages/community/chooseMsgInfo/index.css b/packages/community/chooseMsgInfo/index.css new file mode 100644 index 00000000..b81bf284 --- /dev/null +++ b/packages/community/chooseMsgInfo/index.css @@ -0,0 +1,278 @@ +image { + width: 100%; + height: 100%; +} + + +.searchBox image { + width: 30rpx; + height: 30rpx; + margin-right: 16rpx; +} + +.searchBox input { + flex: 1; +} + +.communityItem { + box-sizing: border-box; + margin: 0 20rpx; + padding: 30rpx 0; + display: flex; +} + +.communityItem_img { + width: 180rpx; + height: 160rpx; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin-right: 20rpx; +} + +.communityItem_msg { + flex: 1; + display: flex; + align-items: center; +} + +.communityItem_msg_title { + font-size: 32rpx; + color: #222222; +} + +.communityItem_msg_addr { + font-size: 26rpx; + color: #999999; + height: 72rpx; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + margin-top: 20rpx; +} + +.communityItem_msg_more { + width: 16rpx; + height: 30rpx; + margin-left: 110rpx; +} + +.addBtn { + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + margin-top: 30rpx; +} + +.line { + height: 20rpx; + width: 100%; + background: #F6F6FA; +} + +.chooseTit { + font-size: 36rpx; + color: #222222; + font-weight: 700; + padding-left: 20rpx; + padding-top: 30rpx; +} + +.communityInfoList { + padding: 0 20rpx; + margin-top: 30rpx; + display: flex; + flex-wrap: wrap; +} + +.communityInfo { + font-size: 28rpx; + color: #222222; + border-radius: 10rpx 10rpx 10rpx 10rpx; + border: 1rpx solid #222222; + padding: 10rpx 26rpx; + margin-bottom: 20rpx; + margin-right: 10rpx; +} + +.communityInfo:nth-child(4n) { + margin-right: 0; +} + + +.communityInfo2 { + font-size: 28rpx; + color: #222222; + border-radius: 10rpx 10rpx 10rpx 10rpx; + border: 1rpx solid #222222; + padding: 10rpx 0; + margin-bottom: 20rpx; + margin-right: 10rpx; + width: 170rpx; + text-align: center; + box-sizing: border-box; +} + +.communityInfo2:nth-child(4n) { + margin-right: 0; +} + + +.active { + border: 1rpx solid #FF370B; + position: relative; +} + +.active::after { + content: '✔️'; + font-size: 14rpx; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + position: absolute; + right: 0rpx; + bottom: 0rpx; + background-color: #FF370B; + width: 23rpx; + height: 24rpx; + border-top-left-radius: 40rpx; +} + +.addCommunityBtn { + font-weight: normal; + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto; + margin-top: 60rpx; +} + +.header { + display: flex; + align-items: center; + padding-left: 20rpx; +} + + +.item { + margin-top: 40rpx; + margin: 0 80rpx; + border-bottom: 1rpx solid #EBEBEB; + padding-bottom: 10rpx; + margin-bottom: 40rpx; + margin-top: 40rpx; +} + +.label { + font-size: 32rpx; + color: #000000; + margin-bottom: 10rpx; + font-weight: 700; +} + +.tip { + font-size: 26rpx; + color: #999999; + margin: 0 80rpx; +} + +.dialog { + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + display: flex; + align-items: center; + justify-content: center; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 1000; +} + +.dialogCon { + margin-top: -40rpx; + border-radius: 20rpx 20rpx 20rpx 20rpx; + background: #FFFFFF; + width: 500rpx; + padding: 40rpx 28rpx; + box-sizing: border-box; +} + +.dialogCon_Tit { + font-size: 30rpx; + color: #222222; + font-weight: 700; +} + +.dialogCon_Con { + font-size: 26rpx; + color: #222222; + margin-top: 14rpx; +} + +.dialogCon_BtnList { + display: flex; + align-items: center; + justify-content: center; + margin-top: 40rpx; +} + +.dialogCon_BtnList1 { + width: 170rpx; + height: 52rpx; + background: #D9D9D9; + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-size: 28rpx; + color: #222222; + display: flex; + align-items: center; + justify-content: center; + margin-right: 50rpx; +} + +.dialogCon_BtnList2 { + display: flex; + align-items: center; + justify-content: center; + width: 170rpx; + height: 52rpx; + background: #FF370B; + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-size: 28rpx; + color: #FFFFFF; +} + +.dialogCon_room { + font-size: 30rpx; + color: #FF370B; + margin-top: 20rpx; + text-align: center; +} + +.dialogCon_room1 { + font-size: 36rpx; + color: #FF370B; + margin-top: 20rpx; + text-align: center; + font-weight: 700; +} + +.dialogCon_room2 { + font-size: 30rpx; + text-align: center; + color: #FF370B; +} \ No newline at end of file diff --git a/packages/community/chooseMsgInfo/index.vue b/packages/community/chooseMsgInfo/index.vue new file mode 100644 index 00000000..eae40c42 --- /dev/null +++ b/packages/community/chooseMsgInfo/index.vue @@ -0,0 +1,337 @@ + + + + + diff --git a/packages/community/communityDetail/index.css b/packages/community/communityDetail/index.css index 8b027105..769505bc 100644 --- a/packages/community/communityDetail/index.css +++ b/packages/community/communityDetail/index.css @@ -1,87 +1,776 @@ -.banner { - width: 710rpx; - height: 300rpx; - border-radius: 0rpx 0rpx 0rpx 0rpx; - margin: 30rpx auto 0; -} - -.banner_item { - width: 710rpx; - height: 300rpx; -} - -.nav { - margin: 48rpx 20rpx 0; -} - -.sub_nav { - display: flex; - flex-wrap: wrap; - margin: 30rpx 20rpx 0; - justify-content: right; - -} - -.sub_nav_item { - width: 345rpx; - background: #FFF5E2; - border-radius: 30rpx 30rpx 30rpx 30rpx; - margin-right: 15rpx; -} - -.wy_pay { - background: #FFF4EF; - margin-right: 0; -} - -.wy_pay2 { - background: #FFFCEB; - margin-right: 20rpx; - margin-top: 20rpx; -} - -.tel_leave { - background: #F5F5F5; - margin-top: 20rpx; - margin-right: 0; -} - -.sub_nav_item_desc { - margin: 29rpx 0 0 39rpx; - font-weight: bold; - font-size: 28rpx; - color: #222222; -} - -.sub_nav_item_right { - display: flex; - justify-content: flex-end; -} - -.sub_nav_item_pic { - width: 90rpx; - height: 90rpx; - margin: 0 15rpx 19rpx 0; -} - -.line { - height: 20rpx; - background: #F9F9F9; - border-radius: 0rpx 0rpx 0rpx 0rpx; -} - -.main { - margin: 30rpx 20rpx 0; -} -.grid_Pic { - width: 54rpx; - height: 46rpx; - margin-bottom: 20rpx; -} - -.uicon-volume { - font-size: 28rpx !important; -} -.u-grid-item { - margin-bottom: 43rpx; +page { + background-color: #F6F6FA; +} + +.container { + display: flex; + flex-direction: column; + min-height: calc(100vh - 120rpx); + width: 100%; +} + + +.searchBox { + display: flex; + align-items: center; + padding: 0 20rpx; + /* margin-top: 35rpx; */ + justify-content: space-between; + background-color: #fff; +} + +.searchBox_add { + display: flex; + align-items: center; + font-weight: 400; + font-size: 30rpx; + color: #000000; +} + +.searchBox_add image { + width: 30rpx; + height: 30rpx; + margin-right: 16rpx; +} + +.myRealEstate { + font-weight: 700; + padding-top: 36rpx; + font-weight: normal; + font-size: 36rpx; + color: #222222; + text-align: center; + background-color: #fff; + padding-bottom: 22rpx; +} + + +.myRealEstate .btn { + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-weight: normal; + font-size: 36rpx; + color: #FFFFFF; + font-weight: 700; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto; + margin-top: 30rpx; +} + +.nearby { + padding: 0 20rpx; + margin-top: 20rpx; + background-color: #fff; + padding-top: 20rpx; + box-sizing: border-box; + flex: 1; +} + +.nearbyTit { + display: flex; + justify-content: space-between; +} + +.nearbyTit_left { + font-size: 36rpx; + color: #222222; + font-weight: 700; +} + +.nearbyTit_right { + font-size: 26rpx; + color: #999999; + display: flex; + align-items: center; +} + +.nearbyTit_right image { + width: 30rpx; + height: 30rpx; +} + +.empty { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-weight: normal; + font-size: 28rpx; + color: #999999; + margin-top: 110rpx; + width: 100%; +} + +.empty image { + width: 366rpx; + height: 226rpx; + margin-bottom: 27rpx; +} + + + +.communityItem { + border-bottom: 1rpx solid #EBEBEB; + margin-top: 32rpx; +} + +.communityItem_msg { + font-size: 26rpx; + color: #999999; + margin-top: 20rpx; + padding-bottom: 30rpx; +} + +.communityItem_Box { + display: flex; +} + +.communityItem_Box_left { + width: 180rpx; + overflow: hidden; + height: 180rpx; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin-right: 20rpx; +} + +.communityItem_Box_left image { + width: 100%; + height: 100%; +} + +.communityItem_Box_right { + flex: 1; +} + +.communityItem_Box_right_tit { + font-size: 32rpx; + color: #222222; + margin-bottom: 8rpx; +} + + +.communityItem_Box_right_com { + font-size: 26rpx; + color: #555555; + margin-top: 8rpx; + height: 72rpx; + line-height: 36rpx; + -webkit-line-clamp: 2; + /* 限制显示 2 行 */ + -webkit-box-orient: vertical; + /* 垂直排列 */ + overflow: hidden; + /* 超出部分隐藏 */ + text-overflow: ellipsis; + display: -webkit-box; +} + + + +.communityItem_Box_right_msg { + margin-top: 14rpx; +} + +.communityItem_Box_right_msg_right { + width: 140rpx; + height: 40rpx; + background: #FF370B; + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-size: 26rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; +} + +.communityItem_Box_right_msg { + display: flex; + align-items: center; + justify-content: space-between; +} + +.communityItem_Box_right_msg_left { + display: flex; + align-items: center; +} + +.communityItem_Box_right_msg_left1 { + width: 110rpx; + height: 40rpx; + background: rgba(255, 81, 42, 0.1); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 22rpx; + color: #555555; + margin-right: 20rpx; +} + +.communityItem_Box_right_msg_left1 image { + width: 24rpx; + height: 24rpx; + margin-right: 10rpx; +} + +.communityItem_Box_right_msg_left2 { + width: 110rpx; + height: 40rpx; + background: #FFF2DA; + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 22rpx; + color: #555555; +} + +.communityItem_Box_right_msg_left2 image { + width: 24rpx; + height: 24rpx; + margin-right: 10rpx; +} + +.myRealEstateEmpty { + display: flex; +} + +.myRealEstates { + width: 710rpx; + height: 200rpx; + margin: 0 auto; + position: relative; +} + +.myRealEstates image { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + z-index: 1; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.name { + font-size: 50rpx; + color: #FFFFFF; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); + text-align: center; + position: relative; + z-index: 2; + padding-top: 24rpx; +} + +.Visitor { + font-weight: normal; + font-size: 24rpx; + color: #FFFFFF; + width: 380rpx; + display: flex; + align-items: center; + justify-content: center; + height: 52rpx; + margin: 0 auto; + margin-top: 30rpx; + position: relative; + z-index: 2; + background: rgba(0, 0, 0, 0.3); + border-radius: 10rpx 10rpx 10rpx 10rpx; +} + + +.Announcement { + width: 710rpx; + height: 60rpx; + background: #F4F4F4; + border-radius: 10rpx 10rpx 10rpx 10rpx; + margin: 0 auto; + box-sizing: border-box; + padding: 14rpx 20rpx; + display: flex; + margin-top: 22rpx; + display: flex; + align-items: center; + flex: 1; +} + +.Announcement image { + width: 149.55rpx; + height: 31rpx; +} + +.line { + width: 2rpx; + height: 30rpx; + background-color: #999999; + margin-left: 23rpx; +} + +.Announcement .msg { + display: flex; + justify-content: space-between; + align-items: center; + flex: 1; + margin-left: 23rpx; + font-weight: normal; + font-size: 26rpx; + color: #555555; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.Announcement .msg image { + width: 26rpx; + height: 26rpx; +} + +.navList { + background-color: #fff; + padding-top: 30rpx; + display: flex; + padding: 0 20rpx; + box-sizing: border-box; + justify-content: space-between; +} + + +.navItem { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 26rpx; + color: #222222; +} + +.navItem image { + width: 90rpx; + height: 90rpx; +} + + +.tabList { + display: flex; + align-items: center; + justify-content: space-between; + background-color: #fff; + padding: 0 20rpx; + padding-top: 30rpx; +} + +.tabItem { + width: 226rpx; + height: 120rpx; + box-sizing: border-box; + padding-top: 7rpx; + padding-left: 18rpx; + font-weight: normal; + font-size: 28rpx; + color: #FF370B; +} + +.tabItem1 { + background: url(http://192.168.0.172:5500/com_tabBg1.png); + background-size: cover; +} + +.tabItem2 { + background: url(http://192.168.0.172:5500/com_tabBg2.png); + background-size: cover; +} + +.tabItem3 { + background: url(http://192.168.0.172:5500/com_tabBg3.png); + background-size: cover; +} + +.nearbyTit { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 20rpx; + padding-top: 30rpx; + font-weight: normal; + font-size: 36rpx; + color: #222222; + background-color: #fff; +} + +.nearbyTit .more { + font-size: 26rpx; + color: #FF370B; +} + +.nearbyList { + background-color: #fff; + display: flex; + justify-content: space-between; + padding: 0 20rpx; +} + +.nearbyList .emptys { + display: flex; + flex-direction: column; + font-size: 28rpx; + color: #999999; + align-items: center; + justify-content: center; + margin-top: 75rpx; +} + +.nearbyList .emptys image { + width: 360rpx; + height: 222rpx; +} + +.nearbyList .emptys .emptysBtn { + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + margin-top: 60rpx; + margin-bottom: 50rpx; +} + +.tabCard { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20rpx; + margin-top: 16rpx; +} + +.tabCardItem { + font-size: 30rpx; + color: #222222; + position: relative; +} + +.active { + position: relative; + color: #222222; + font-weight: 700; +} + +.active::after { + content: ''; + width: 52rpx; + height: 22rpx; + background: url(http://192.168.0.172:5500/com_active.png); + background-size: cover; + position: absolute; + left: 50%; + bottom: -20rpx; + transform: translateX(-50%); +} + +.emptyAdd { + font-size: 36rpx; + color: #FFFFFF; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + margin-top: 60rpx; + margin-bottom: 40rpx; +} + + +.nearbyList_left, +.nearbyList_right { + margin-top: 20rpx; + padding-bottom: 20rpx; +} + +.nearbyList_leftItem { + height: 230rpx; + width: 350rpx; + margin-bottom: 18rpx; +} + +.nearbyList_leftItem image { + width: 100%; + height: 100%; +} + +.nearbyList_rightItem { + width: 345rpx; + height: 148rpx; + margin-bottom: 20rpx; +} + +.nearbyList_rightItem image { + width: 100%; + height: 100%; +} + +.MsgList { + display: flex; + justify-content: space-between; + padding: 0 18rpx; +} + +.MsgList_left, +.MsgList_right { + width: 345rpx; + margin-top: 46rpx; +} + +.MsgList_leftItem { + border-radius: 20rpx 20rpx 20rpx 20rpx; + width: 345rpx; + height: auto; + padding-bottom: 20rpx; + background: #FFFFFF; + box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 0, 0, 0.05); + margin-bottom: 20rpx; +} + +.MsgList_rightItem { + border-radius: 20rpx 20rpx 20rpx 20rpx; + width: 345rpx; + height: auto; + padding-bottom: 20rpx; + background: #FFFFFF; + box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 0, 0, 0.05); + margin-bottom: 20rpx; +} + +.MsgList_leftItemImg, +.MsgList_rightItemImg { + width: 345rpx; + object-fit: cover; + height: auto; + display: block; + margin-bottom: 20rpx; +} + +.MsgList_leftItemImg image, +.MsgList_rightItemImg image { + width: 100%; + height: auto; + display: block; +} + +.MsgList_leftItemName { + font-size: 30rpx; + color: #222222; + margin-top: 20rpx; + line-height: 40rpx; + height: 80rpx; + /* 两行溢出隐藏 */ + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + box-sizing: border-box; + padding: 0 14rpx; +} + +.MsgList_leftItemMsg { + display: flex; + align-items: center; + margin-top: 7rpx; + box-sizing: border-box; + padding-left: 18rpx; +} + +.MsgList_leftItemMsg_like { + display: flex; + align-items: center; + font-size: 22rpx; + color: #999999; + margin-right: 30rpx; +} + +.MsgList_leftItemMsg_like image { + width: 22rpx; + height: 20rpx; + margin-right: 7rpx; +} + +.MsgList_rightItemName { + font-size: 30rpx; + color: #222222; + margin-top: 20rpx; + line-height: 40rpx; + height: 80rpx; + /* 两行溢出隐藏 */ + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + box-sizing: border-box; + padding: 0 14rpx; +} + +.act1 { + display: flex; + width: 100%; + justify-content: space-between; +} + +.act2 { + background-color: #fff; + margin-top: 20rpx; +} + +.act2Item { + display: flex; + border-bottom: 1rpx solid #EBEBEB; + padding: 32rpx 20rpx; +} + +.act2Item_left { + width: 180rpx; + height: 180rpx; + border-radius: 20rpx; + overflow: hidden; + margin-right: 20rpx; +} + +.act2Item_left image { + width: 100%; + height: 100%; +} + +.act2Item_right_Name { + font-size: 30rpx; + color: #000000; + line-height: 40rpx; + height: 80rpx; + /* 两行溢出隐藏 */ + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; +} + +.act2Item_right_Msg { + font-size: 24rpx; + color: #999999; + margin-top: 7rpx; +} + +.act2Item_right_Msg span { + color: #FF8520; +} + + +.act2Item_right_Btn_right { + font-size: 26rpx; + color: #FFFFFF; + width: 140rpx; + height: 40rpx; + background: #FF370B; + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.act2Item_right_Btn_left { + display: flex; + font-size: 24rpx; + color: #222222; + align-items: center; +} + +.act2Item_right_Btn_left image { + width: 80rpx; + height: 24rpx; + margin-right: 5rpx; +} + +.act2Item_right_Btn_left span { + font-size: 36rpx; + color: #FF370B; +} + +.act2Item_right_Btn { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 12rpx; +} + +.act4{ + margin-top: 20rpx; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} +.act4Item { + border-radius: 20rpx 20rpx 20rpx 20rpx; + width: 345rpx; + height: 512rpx; + background: #FFFFFF; + box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 0, 0, 0.05); + margin-bottom: 20rpx; +} + +.act4Img { + width: 345rpx; + height: 300rpx; +} + +.act4Name { + font-size: 30rpx; + color: #222222; + line-height: 40rpx; + height: 80rpx; + /* 两行溢出隐藏 */ + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + box-sizing: border-box; + padding: 0 14rpx; + margin-top: 20rpx; +} + +.act4Msg { + font-size: 24rpx; + color: #999999; + display: flex; + padding: 0 14rpx; + box-sizing: border-box; + margin-top: 10rpx; +} + +.act4Msg span { + color: #FF8520; +} + +.act4Price { + font-weight: 400; + font-size: 36rpx; + color: #FF370B; + display: flex; + align-items: center; + padding: 0 14rpx; + margin-top: 20rpx; + box-sizing: border-box; +} +.act4Price span{ + font-size: 24rpx; + color: #222222; } \ No newline at end of file diff --git a/packages/community/communityDetail/index.vue b/packages/community/communityDetail/index.vue index 009e973d..114671d4 100644 --- a/packages/community/communityDetail/index.vue +++ b/packages/community/communityDetail/index.vue @@ -1,228 +1,348 @@ - - - - - \ No newline at end of file diff --git a/packages/community/index/index.css b/packages/community/index/index.css index 50c977e9..37da7868 100644 --- a/packages/community/index/index.css +++ b/packages/community/index/index.css @@ -1,12 +1,322 @@ -.container { - background: #F9F9F9; - overflow: hidden; -} -.banner { - margin: 0 20rpx; -} -.main { - background: #FFFFFF; - /* margin-bottom: 82rpx; */ - min-height: calc( 100vh - 180rpx - 82rpx); +page { + background-color: #F6F6FA; +} + +.container { + display: flex; + flex-direction: column; + min-height: calc(100vh - 120rpx); + width: 100%; +} + + +.searchBox { + display: flex; + align-items: center; + padding: 0 20rpx; + /* margin-top: 35rpx; */ + justify-content: space-between; + background-color: #fff; +} + +.searchBox_add { + display: flex; + align-items: center; + font-weight: 400; + font-size: 30rpx; + color: #000000; +} +.searchBox_add2{ + font-size: 36rpx; + font-weight: 700; +} + +.searchBox_add image { + width: 30rpx; + height: 30rpx; + margin-right: 16rpx; +} + +.myRealEstate { + font-weight: 700; + padding-top: 36rpx; + font-weight: normal; + font-size: 36rpx; + color: #222222; + text-align: center; + background-color: #fff; + padding-bottom: 40rpx; +} + + +.myRealEstate .btn { + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-weight: normal; + font-size: 36rpx; + color: #FFFFFF; + font-weight: 700; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto; + margin-top: 30rpx; +} + +.nearby { + padding: 0 20rpx; + margin-top: 20rpx; + background-color: #fff; + padding-top: 20rpx; + box-sizing: border-box; + flex: 1; +} + +.nearbyTit { + display: flex; + justify-content: space-between; +} + +.nearbyTit_left { + font-size: 36rpx; + color: #222222; + font-weight: 700; +} + +.nearbyTit_right { + font-size: 26rpx; + color: #999999; + display: flex; + align-items: center; +} + +.nearbyTit_right image { + width: 30rpx; + height: 30rpx; + margin-right: 10rpx; +} + +.empty { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-weight: normal; + font-size: 28rpx; + color: #999999; + margin-top: 110rpx; +} + +.empty image { + width: 366rpx; + height: 226rpx; + margin-bottom: 27rpx; +} + + + +.communityItem { + border-bottom: 1rpx solid #EBEBEB; + margin-top: 32rpx; +} + +.communityItem_msg { + font-size: 26rpx; + color: #999999; + margin-top: 20rpx; + padding-bottom: 30rpx; +} + +.communityItem_Box { + display: flex; +} + +.communityItem_Box_left { + width: 180rpx; + overflow: hidden; + height: 180rpx; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin-right: 20rpx; +} + +.communityItem_Box_left image { + width: 100%; + height: 100%; +} + +.communityItem_Box_right { + flex: 1; +} + +.communityItem_Box_right_tit { + font-size: 32rpx; + color: #222222; + margin-bottom: 8rpx; +} + + +.communityItem_Box_right_com { + font-size: 26rpx; + color: #555555; + margin-top: 8rpx; + height: 72rpx; + line-height: 36rpx; + -webkit-line-clamp: 2; + /* 限制显示 2 行 */ + -webkit-box-orient: vertical; + /* 垂直排列 */ + overflow: hidden; + /* 超出部分隐藏 */ + text-overflow: ellipsis; + display: -webkit-box; +} + + + +.communityItem_Box_right_msg { + margin-top: 14rpx; +} + +.communityItem_Box_right_msg_right { + width: 140rpx; + height: 40rpx; + background: #FF370B; + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-size: 26rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; +} + +.communityItem_Box_right_msg { + display: flex; + align-items: center; + justify-content: space-between; +} + +.communityItem_Box_right_msg_left { + display: flex; + align-items: center; +} + +.communityItem_Box_right_msg_left1 { + width: 110rpx; + height: 40rpx; + background: rgba(255, 81, 42, 0.1); + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 22rpx; + color: #555555; + margin-right: 20rpx; +} + +.communityItem_Box_right_msg_left1 image { + width: 24rpx; + height: 24rpx; + margin-right: 10rpx; +} + +.communityItem_Box_right_msg_left2 { + width: 110rpx; + height: 40rpx; + background: #FFF2DA; + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 22rpx; + color: #555555; +} + +.communityItem_Box_right_msg_left2 image { + width: 24rpx; + height: 24rpx; + margin-right: 10rpx; +} + + + +.myRealEstates { + width: 710rpx; + height: 200rpx; + margin: 0 auto; + position: relative; +} + +.myRealEstates image { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + z-index: 1; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.name { + font-size: 50rpx; + color: #FFFFFF; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); + text-align: center; + position: relative; + z-index: 2; + padding-top: 24rpx; +} + +.Visitor { + font-weight: normal; + font-size: 24rpx; + color: #FFFFFF; + width: 380rpx; + display: flex; + align-items: center; + justify-content: center; + height: 52rpx; + margin: 0 auto; + margin-top: 30rpx; + position: relative; + z-index: 2; + background: rgba(0, 0, 0, 0.3); + border-radius: 10rpx 10rpx 10rpx 10rpx; +} + +.Householder { + font-weight: normal; + font-size: 24rpx; + color: #FFFFFF; + white-space: nowrap; + padding: 9rpx 36rpx; + margin: 0 auto; + margin-top: 30rpx; + position: relative; + z-index: 2; + background: rgba(0, 0, 0, 0.3); + border-radius: 10rpx 10rpx 10rpx 10rpx; + display: inline-block; +} + +.addRealEstateList{ + height: auto; + background-color: #fff; + padding-bottom: 40rpx; + margin-bottom: 20rpx; +} +.addRealEstate { + margin-top: 54rpx; + font-size: 36rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + width: 600rpx; + height: 90rpx; + background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + margin: 0 auto; } \ No newline at end of file diff --git a/packages/community/index/index.vue b/packages/community/index/index.vue index 99bffcc0..b430e33e 100644 --- a/packages/community/index/index.vue +++ b/packages/community/index/index.vue @@ -1,166 +1,136 @@ diff --git a/packages/community/serverList/index.css b/packages/community/serverList/index.css new file mode 100644 index 00000000..fb03d909 --- /dev/null +++ b/packages/community/serverList/index.css @@ -0,0 +1,126 @@ + image { + width: 100%; + height: 100%; + } + + + .tabList1 { + margin-top: 30rpx; + } + + .Tit { + margin-left: 20rpx; + font-size: 36rpx; + color: #222222; + font-weight: 700; + } + + + .functionList { + display: flex; + align-items: center; + flex-wrap: wrap; + padding: 0 40rpx; + } + + .functionItem { + display: flex; + flex-direction: column; + align-items: center; + width: 148rpx; + margin-right: 30rpx; + margin-bottom: 36rpx; + } + + .functionItem image { + height: 67rpx; + } + + .functionItemName { + font-size: 30rpx; + color: #000000; + margin-top: 14rpx; + } + + .functionItem:nth-child(4n) { + margin-right: 0; + } + + .line { + height: 20rpx; + width: 100%; + background: #F6F6FA; + } + + .tabList2 { + padding-top: 30rpx; + } + + .Tit span { + font-size: 26rpx; + color: #222222; + margin-left: 20rpx; + font-weight: 400; + } + + + + .tabList { + display: flex; + align-items: center; + justify-content: space-between; + background-color: #fff; + padding: 0 20rpx; + padding-top: 30rpx; + flex-wrap: wrap; + } + + .tabItem { + width: 226rpx; + height: 120rpx; + box-sizing: border-box; + padding-top: 7rpx; + padding-left: 18rpx; + font-weight: normal; + font-size: 28rpx; + color: #FF370B; + margin-bottom: 30rpx; + } + + .tabItem1 { + background: url(http://192.168.0.172:5500/com_tabBg1.png); + background-size: cover; + } + + .tabItem2 { + background: url(http://192.168.0.172:5500/com_tabBg2.png); + background-size: cover; + } + + .tabItem3 { + background: url(http://192.168.0.172:5500/com_tabBg3.png); + background-size: cover; + } + + + .tabList3 { + padding-top: 30rpx; + } + + .tabList3 .Tit { + margin-bottom: 30rpx; + } + + .tabList4 { + padding-top: 30rpx; + } + .tabList4 .Tit { + margin-bottom: 30rpx; + } + + .tabList5 { + padding-top: 30rpx; + } + .tabList5 .Tit { + margin-bottom: 30rpx; + } \ No newline at end of file diff --git a/packages/community/serverList/index.vue b/packages/community/serverList/index.vue new file mode 100644 index 00000000..9d6dcd7c --- /dev/null +++ b/packages/community/serverList/index.vue @@ -0,0 +1,250 @@ + + + + + diff --git a/packages/shopEnter/index/index.css b/packages/shopEnter/index/index.css new file mode 100644 index 00000000..8bb4bfa9 --- /dev/null +++ b/packages/shopEnter/index/index.css @@ -0,0 +1,172 @@ +.container { + background: #F9F9F9; +} + +.title { + margin-top: 30rpx; + margin-left: 20rpx; + margin-bottom: 4rpx; + font-weight: bold; + font-size: 32rpx; + color: #222222; +} + +.item { + height: 90rpx; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 48rpx 0 52rpx; + border-bottom: 1rpx solid #E6E6E6; +} + +.item_left { + display: flex; + align-items: center; +} + +.item_pic { + width: 30rpx; + height: 30rpx; +} + +.label { + font-weight: normal; + font-size: 26rpx; + color: #999999; + margin-left: 20rpx; +} + +.item_right { + display: flex; + flex: 1; + text-align: right; + justify-content: flex-end; + overflow: hidden; +} + +.input { + margin-right: 20rpx; +} + +.upload_item { + margin: 30rpx 48rpx 30rpx 52rpx; + display: flex; + border-bottom: 1rpx solid #E6E6E6; +} + +.upload_left { + display: flex; + flex-direction: column; +} + +.left_top { + display: flex; + align-items: center; +} + +.footer { + flex: 1; +} + +.item_end { + margin-left: 52rpx; + margin-right: 48rpx; +} + +.text_area { + margin-top: 20rpx; + min-height: 200rpx; +} + +.text_count { + margin-right: 48rpx; + text-align: right; + font-weight: normal; + font-size: 26rpx; + color: #999999; +} + +.radio_group { + display: flex; +} +.radio { + margin-right: 40rpx; +} +.radio:last-child { + margin-right: 0; +} +.radio text { + font-weight: normal; + font-size: 26rpx; + color: #222222; +} + +.btn { + margin: 60rpx 50rpx; + height: 80rpx; + line-height: 80rpx; + background: #FF512A; + border-radius: 100rpx 100rpx 100rpx 100rpx; + text-align: center; + font-weight: 400; + font-size: 36rpx; + color: #FFFFFF; +} +.swiper { + display: block; +} + +.swiper_item { + margin-top: 30rpx; +} +.van-uploader__preview { + margin-right: 50rpx !important; + margin-bottom: 30rpx !important; +} +.community_text { + margin-left: 20rpx; + color: #999999; + margin-right: 20rpx; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1; +} +.color_black { + color: #000000; +} + + + + +.white { + background: #FFFFFF; +} + +.no_border { + border-bottom: none; +} + +.margin2 { + margin-top: 20rpx; +} + +.no_margin_left { + margin-left: 0; +} + +.popup_title { + display: flex; + margin: 20rpx 30rpx 0; + justify-content: space-between; +} +.popup_label { + color: #999; +} +.color_blue { + color: #576b95; +} +.u-upload { + flex: none !important; +} \ No newline at end of file diff --git a/packages/shopEnter/index/index.vue b/packages/shopEnter/index/index.vue new file mode 100644 index 00000000..3eff590b --- /dev/null +++ b/packages/shopEnter/index/index.vue @@ -0,0 +1,1630 @@ +