diff --git a/packages/shopEnter/apply/index.css b/packages/shopEnter/apply/index.css new file mode 100644 index 00000000..e4ea9fd9 --- /dev/null +++ b/packages/shopEnter/apply/index.css @@ -0,0 +1,54 @@ +page { + background-color: #f6f7fb; + min-height: 100vh; + padding-bottom: 0; +} + +.container { + background: url(http://192.168.0.172:5500/shopEn_apply.png) no-repeat; + background-size: 750rpx 497rpx; + box-sizing: border-box; + padding-top: 290rpx; +} + +.Msg { + width: 710rpx; + background: #FFFFFF; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin: 0 auto; + padding: 0 20rpx; + box-sizing: border-box; +} + +.row { + padding-top: 30rpx; + display: flex; + justify-content: space-between; +} + +.row_label { + font-size: 28rpx; + color: #999999; + width: 180rpx; +} +.row_con{ + flex: 1; + padding-bottom: 30rpx; + border-bottom: 1rpx solid #EBEBEB; + display: flex; +} +.row_con input{ + flex: 1; +} + +.nonebor{ + border-bottom: none; +} +.row2{ + display: flex; + align-items: center; +} + +.mt{ + margin-top: 26rpx; +} \ No newline at end of file diff --git a/packages/shopEnter/apply/index.vue b/packages/shopEnter/apply/index.vue new file mode 100644 index 00000000..90f2bd1c --- /dev/null +++ b/packages/shopEnter/apply/index.vue @@ -0,0 +1,116 @@ + + + + + \ No newline at end of file diff --git a/packages/shopEnter/edit/index.css b/packages/shopEnter/edit/index.css new file mode 100644 index 00000000..96abea8c --- /dev/null +++ b/packages/shopEnter/edit/index.css @@ -0,0 +1,170 @@ +page { + background-color: #f6f7fb; + padding-bottom: 60rpx; + min-height: 100vh; +} + +image { + width: 100%; + height: 100%; +} + + +.searchBox { + display: flex; + align-items: center; + padding: 0 20rpx; + /* margin-top: 35rpx; */ + justify-content: space-between; + background-color: transparent; +} + +.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; +} + +.container { + background: url(http://192.168.0.172:5500/local_pointbg.png); + background-size: 750rpx 423rpx; + background-repeat: no-repeat; +} + + +.mypoint { + width: 710rpx; + height: 397rpx; + background: #FFFFFF; + border-radius: 20rpx 20rpx 20rpx 20rpx; + margin: 0 auto; + margin-top: 40rpx; + box-sizing: border-box; +} + +.tit { + font-size: 36rpx; + color: #222222; + margin: 0 auto; + padding-top: 55rpx; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: center; +} + +.point { + font-size: 60rpx; + color: #222222; + display: flex; + align-items: center; + box-sizing: border-box; + justify-content: center; + margin-top: 20rpx; +} + + +.funList { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 100rpx; + box-sizing: border-box; + margin-top: 30rpx; +} + +.funItem { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 28rpx; + color: #222222; +} + +.funItem image { + width: 90rpx; + height: 90rpx; + margin-bottom: 20rpx; +} + +.textHis { + font-size: 28rpx; + color: #999999; + padding-left: 26rpx; + margin-top: 30rpx; + margin-bottom: 14rpx; +} + +.HisList { + width: 710rpx; + border-radius: 20rpx; + overflow: hidden; + margin: 0 auto; +} + +.HisItem { + width: 710rpx; + box-sizing: border-box; + padding: 0 20rpx; + background-color: #fff; + padding-top: 20rpx; + padding-bottom: 20rpx; + border-bottom: 1rpx solid #EBEBEB; +} + +.HisItem:last-child { + border-bottom: none; +} + + +.His_tit { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 13rpx; +} + +.His_tit_left { + font-size: 28rpx; + color: #999999; +} + +.His_time_left { + font-size: 24rpx; + color: #999999; +} + +.his_remark { + font-size: 26rpx; + color: #222222; + text-align: right; +} + +.His_time_right { + font-size: 26rpx; + color: #222222; +} + +.His_time { + display: flex; + align-items: center; + justify-content: space-between; +} + +.his_remark { + margin-top: 10rpx; +} + +.His_tit_right { + font-size: 36rpx; + color: #FF370B; +} \ No newline at end of file diff --git a/packages/shopEnter/edit/index.vue b/packages/shopEnter/edit/index.vue new file mode 100644 index 00000000..8aab0349 --- /dev/null +++ b/packages/shopEnter/edit/index.vue @@ -0,0 +1,89 @@ + + + + + diff --git a/packages/shopEnter/index/index.css b/packages/shopEnter/index/index.css index 8bb4bfa9..380e078d 100644 --- a/packages/shopEnter/index/index.css +++ b/packages/shopEnter/index/index.css @@ -1,172 +1,174 @@ -.container { - background: #F9F9F9; +page { + background-color: #f6f7fb; } -.title { - margin-top: 30rpx; - margin-left: 20rpx; - margin-bottom: 4rpx; - font-weight: bold; - font-size: 32rpx; +image { + width: 100%; + height: 100%; +} + +.searchBox { + background-color: #fff; + padding-top: 40rpx; + padding-left: 50rpx; + padding-right: 50rpx; + padding-bottom: 44rpx; + box-sizing: border-box; + width: 100%; +} + +.search { + width: 650rpx; + height: 70rpx; + background: #F6F6FA; + border-radius: 100rpx 100rpx 100rpx 100rpx; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding-left: 35rpx; + padding-right: 40rpx; +} + +.searchBox_left { + display: flex; + align-items: center; + font-size: 26rpx; 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 { +.searchBox_right { width: 30rpx; height: 30rpx; } -.label { - font-weight: normal; - font-size: 26rpx; - color: #999999; - margin-left: 20rpx; -} - -.item_right { - display: flex; +.searchBox_con { flex: 1; - text-align: right; - justify-content: flex-end; - overflow: hidden; + margin-left: 10rpx; + margin-right: 10rpx; } -.input { - margin-right: 20rpx; -} - -.upload_item { - margin: 30rpx 48rpx 30rpx 52rpx; - display: flex; - border-bottom: 1rpx solid #E6E6E6; -} - -.upload_left { +.empty { display: flex; flex-direction: column; -} - -.left_top { - display: flex; align-items: center; + justify-content: center; + margin-top: 95rpx; } -.footer { - flex: 1; +.empty image { + width: 454.6rpx; + height: 305.55rpx; } -.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; +.empty .text { + font-size: 28rpx; 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; + margin-top: -48rpx; } .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; + 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: 57rpx; } -.swiper_item { +.merchantList { 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; + box-sizing: border-box; + padding: 0 20rpx; + background-color: #fff; } - - - -.white { - background: #FFFFFF; +.merchantItem { + border-bottom: 1rpx solid #EBEBEB; + padding: 30rpx 0; } -.no_border { - border-bottom: none; +.merchantItem_tit { + display: flex; + align-items: center; + justify-content: space-between; } -.margin2 { +.merchantItem_tit_left { + font-size: 34rpx; + color: #222222; + font-weight: 600; +} + +.state1 { + width: 138rpx; + height: 40rpx; + background: #EAFFF2; + border-radius: 100rpx 100rpx 100rpx 100rpx; + border: 1rpx solid #3DDB7C; + font-size: 26rpx; + color: #2BE186; + display: flex; + align-items: center; + justify-content: center; +} + +.state2 { + font-size: 26rpx; + color: #FF0004; + width: 138rpx; + height: 40rpx; + background: #FFEAEA; + border-radius: 100rpx 100rpx 100rpx 100rpx; + border: 1rpx solid #DB3D3D; + display: flex; + align-items: center; + justify-content: center; +} + +.state3 { + font-size: 26rpx; + color: #00C8FF; + width: 138rpx; + height: 40rpx; + background: #DDEFFE; + border-radius: 100rpx 100rpx 100rpx 100rpx; + border: 1rpx solid #28B0FF; + display: flex; + align-items: center; + justify-content: center; +} + +.merchantItem_user { + font-size: 28rpx; + color: #222222; margin-top: 20rpx; } -.no_margin_left { - margin-left: 0; +.merchantItem_add { + display: flex; + justify-content: space-between; + margin-top: 20rpx; } -.popup_title { - display: flex; - margin: 20rpx 30rpx 0; - justify-content: space-between; +.merchantItem_add_left { + font-size: 28rpx; + color: #222222; } -.popup_label { - color: #999; + +.merchantItem_add_right { + width: 32rpx; + height: 32rpx; } -.color_blue { - color: #576b95; -} -.u-upload { - flex: none !important; + +.tip { + font-size: 26rpx; + color: #999999; + text-align: center; + margin-top: 54rpx; } \ No newline at end of file diff --git a/packages/shopEnter/index/index.vue b/packages/shopEnter/index/index.vue index 3eff590b..4907e67f 100644 --- a/packages/shopEnter/index/index.vue +++ b/packages/shopEnter/index/index.vue @@ -1,1630 +1,107 @@