From 379aff0a99d8f110b6f14a68923d896a6fe52827 Mon Sep 17 00:00:00 2001 From: monkeyhouyi Date: Tue, 15 Oct 2024 14:26:04 +0800 Subject: [PATCH] 营销推广，商务合作 --- pages/advertisementAdd/advertisementAdd.vue | 35 +++++++++++++++++++++++++---------- pages/advertisementDetail/advertisementDetail.scss | 158 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/advertisementDetail/advertisementDetail.vue | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/business/businessDetail/businessDetail.scss | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/business/businessDetail/businessDetail.vue | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/business/businessList/businessList.scss | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/business/businessList/businessList.vue | 110 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/marketing/marketingDetail/marketingDetail.scss | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/marketing/marketingDetail/marketingDetail.vue | 98 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/marketing/marketingList/marketingList.scss | 185 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/marketing/marketingList/marketingList.vue | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/participation/participation.scss | 1 + pages/questionnaire/questionnaire.scss | 91 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------- pages/questionnaire/questionnaire.vue | 57 +++++++++++++++++++++++++++++++++++++++++---------------- pages/shops/shops.scss | 1 - 15 files changed, 1362 insertions(+), 44 deletions(-) create mode 100644 pages/advertisementDetail/advertisementDetail.scss create mode 100644 pages/advertisementDetail/advertisementDetail.vue create mode 100644 pages/business/businessDetail/businessDetail.scss create mode 100644 pages/business/businessDetail/businessDetail.vue create mode 100644 pages/business/businessList/businessList.scss create mode 100644 pages/business/businessList/businessList.vue create mode 100644 pages/marketing/marketingDetail/marketingDetail.scss create mode 100644 pages/marketing/marketingDetail/marketingDetail.vue create mode 100644 pages/marketing/marketingList/marketingList.scss create mode 100644 pages/marketing/marketingList/marketingList.vue diff --git a/pages/advertisementAdd/advertisementAdd.vue b/pages/advertisementAdd/advertisementAdd.vue index 7c7459c..64b5a45 100644 --- a/pages/advertisementAdd/advertisementAdd.vue +++ b/pages/advertisementAdd/advertisementAdd.vue @@ -4,17 +4,32 @@ - + - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pages/advertisementDetail/advertisementDetail.scss b/pages/advertisementDetail/advertisementDetail.scss new file mode 100644 index 0000000..61a2a9d --- /dev/null +++ b/pages/advertisementDetail/advertisementDetail.scss @@ -0,0 +1,158 @@ +.page { + position: relative; + width: 100%; + // height: 100%; + overflow-x: hidden; + // overflow-y: auto; +} +// 图片 +// 商铺信息 +.banner { + width: 100%; + margin-top: -20rpx; + border-radius: 30rpx; + background-color: #fff; + padding: 26rpx 34rpx; + .banner-item { + border-bottom: 2rpx solid #EBEBEB; + padding-bottom: 32rpx; + .banner-item-title { + font-size: 28rpx; + font-weight: 700; + line-height: 48rpx; + margin-top: 30rpx; + } + .banner-item-form { + .form-item { + line-height: 30rpx; + font-size: 24rpx; + display: flex; + justify-content: flex-start; + align-items: top; + padding: 14rpx 0; + } + } + &:last-child { + border-bottom: unset; + } + } + // 基础信息 + .info { + .info-title { + font-weight: bold; + font-size: 32rpx; + margin-bottom: 24rpx; + span { + display: inline-block; + padding: 0 8rpx; + } + } + .info-text { + margin-bottom: 30rpx; + } + .info-racord { + display: flex; + justify-content: space-between; + align-items: center; + .info-price { + color: #31AA6A; + span { + font-size: 40rpx; + font-weight: 700; + margin-right: 4rpx; + } + } + } + } + // 场地信息 + // 位置信息 + .position { + .position-info { + display: flex; + align-items: center; + flex-direction: row; + margin: 38rpx 22rpx; + background-color: #fff; + font-size: 24rpx; + padding: 20rpx 16rpx; + line-height: 30rpx; + border-radius: 14rpx; + text { + margin-left: 10rpx; + } + } + } + // 周边商铺 + .other-business { + .scroll-view_H { + white-space: nowrap; + width: 100%; + } + .scroll-view-item_H { + display: inline-block; + width: 210rpx; + margin-right: 22rpx; + &:last-child { + margin-right: 0; + } + .business-card { + width: 100%; + .u-image { + overflow: hidden !important; + border-radius: 20rpx !important; + } + .business-card-title { + width: 100%; + overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/ + text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/ + // display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/ + // -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/ + // -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排*/ + line-height: 30rpx; + margin: 10rpx 0; + padding: 0 10rpx; + } + .business-card-item { + padding: 0 10rpx; + font-weight: 400; + font-size: 20rpx; + color: #676767; + line-height: 1.5; + span { + font-weight: 700; + font-size: 30rpx; + color: #000000; + } + } + } + } + } +} + +/* 底部 */ +.page-footer{ + position: fixed; + left: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 125rpx; + background-color: #FFFFFF; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + .footer-btn { + display: flex; + width: 70vw; + } + .footer-service { + display: flex; + flex-direction: column; + align-items: center; + text { + margin-top: 6rpx; + line-height: 42rpx; + } + } +} \ No newline at end of file diff --git a/pages/advertisementDetail/advertisementDetail.vue b/pages/advertisementDetail/advertisementDetail.vue new file mode 100644 index 0000000..e61be6e --- /dev/null +++ b/pages/advertisementDetail/advertisementDetail.vue @@ -0,0 +1,120 @@ + + + + + diff --git a/pages/business/businessDetail/businessDetail.scss b/pages/business/businessDetail/businessDetail.scss new file mode 100644 index 0000000..5fe3ae5 --- /dev/null +++ b/pages/business/businessDetail/businessDetail.scss @@ -0,0 +1,124 @@ +.page { + position: relative; + width: 100%; + // height: 100%; + overflow-x: hidden; + // overflow-y: auto; +} +.page-info { + width: 100%; + padding: 24rpx; +} +// 活动详情 +.banner { + width: 100%; + margin-top: 10rpx; + border-radius: 30rpx; + background-color: #fff; + padding: 24rpx 30rpx; + color: #888D9C; + .title { + font-weight: 700; + color: #3D3D3D; + font-size: 28rpx; + margin-bottom: 30rpx; + } + .banner-info-top { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 30rpx; + } + // .banner-info-item { + // font-size: 24rpx + // } +} +.good-item { + width: 100%; + display: flex; + .img { + width: 150rpx; + height: 150rpx; + } + .info { + width: calc(100% - 170rpx); + margin-left: 20rpx; + .title { + width: 100%; + font-size: 28rpx; + line-height: 44rpx; + font-weight: 700; + white-space: nowrap; + overflow : hidden; + text-overflow: ellipsis; + margin-bottom: 20rpx; + } + .info-item { + display: flex; + line-height: 30rpx; + font-size: 26rpx; + color: #9FABB5; + text { + white-space: nowrap; + overflow : hidden; + text-overflow: ellipsis; + margin-left: 10rpx; + } + .u-tag { + margin: 0 6rpx; + border: unset; + } + } + } +} +.info-box { + margin-top: 28rpx; + color: #3D3D3D; + .title { + font-weight: 700; + font-size: 28rpx; + margin-bottom: 18rpx; + } + .info-item { + font-size: 26rpx; + line-height: 50rpx; + } +} + +/* 底部 */ +.page-footer{ + position: fixed; + left: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 125rpx; + background-color: #FFFFFF; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + .footer-btn { + display: flex; + width: 70vw; + } + .footer-service { + display: flex; + flex-direction: column; + align-items: center; + text { + margin-top: 6rpx; + line-height: 42rpx; + } + } +} + +.userForm { + .form-box { + padding: 28rpx; + } + .title { + font-size: 32rpx; + font-weight: 700; + } +} \ No newline at end of file diff --git a/pages/business/businessDetail/businessDetail.vue b/pages/business/businessDetail/businessDetail.vue new file mode 100644 index 0000000..609fea8 --- /dev/null +++ b/pages/business/businessDetail/businessDetail.vue @@ -0,0 +1,106 @@ + + + + + diff --git a/pages/business/businessList/businessList.scss b/pages/business/businessList/businessList.scss new file mode 100644 index 0000000..c6481b7 --- /dev/null +++ b/pages/business/businessList/businessList.scss @@ -0,0 +1,106 @@ +.page{ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + // padding: 0 40rpx; + // background-color: #fff; +} +.head-search{ + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + margin: 20rpx 0; + background-color: #FFFFFF; + border-radius: 35rpx; + padding: 0 10rpx; + border: 2rpx solid #E8E8E8; + margin: 22rpx 24rpx; + .u-search { + position: relative; + } + .u-btn { + border: unset; + border: 0px transparent; + height: 46rpx; + width: 88rpx; + font-size: 24rpx; + border-radius: 35rpx; + } +} + +.goods-data{ + width: 100%; + .goods-list{ + width: 100%; + .good-item { + width: 100%; + background-color: #FFFFFF; + border-bottom: #eee solid 1rpx; + padding: 18rpx 34rpx; + .body { + display: flex; + width: 100%; + height: calc(100% - 70rpx); + padding: 15rpx 18rpx; + image { + width: 194rpx; + height: 144rpx; + border-radius: 8rpx; + } + .info { + flex: 1; + width: calc(100% - 236rpx); + .title { + width: 100%; + font-size: 28rpx; + line-height: 44rpx; + font-weight: 700; + // white-space: nowrap; + // overflow : hidden; + // text-overflow: ellipsis; + margin-bottom: 30rpx; + } + .info-item { + line-height: 30rpx; + font-size: 26rpx; + color: #9FABB5; + } + } + } + } + } +} +.page-footer{ + position: fixed; + left: 0; + bottom: 0; + width: 100%; + height: 120rpx; + background-color: #FFFFFF; + padding: 20rpx 20rpx; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + z-index: 999; + .footer-buy{ + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + height: 100%; + .cart-add{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 70rpx; + background-color: #3f9b6a; + text{ + font-size: 28rpx; + color: #FFFFFF; + } + } + } +} \ No newline at end of file diff --git a/pages/business/businessList/businessList.vue b/pages/business/businessList/businessList.vue new file mode 100644 index 0000000..37dec5a --- /dev/null +++ b/pages/business/businessList/businessList.vue @@ -0,0 +1,110 @@ + + + + + diff --git a/pages/marketing/marketingDetail/marketingDetail.scss b/pages/marketing/marketingDetail/marketingDetail.scss new file mode 100644 index 0000000..c282da8 --- /dev/null +++ b/pages/marketing/marketingDetail/marketingDetail.scss @@ -0,0 +1,84 @@ +.page { + position: relative; + width: 100%; + // height: 100%; + overflow-x: hidden; + // overflow-y: auto; +} +.page-info { + width: 100%; + padding: 24rpx; +} +// 活动详情 +.banner { + width: 100%; + margin-top: 10rpx; + border-radius: 30rpx; + background-color: #fff; + padding: 24rpx 30rpx; + color: #888D9C; + .title { + font-weight: 700; + color: #3D3D3D; + font-size: 28rpx; + margin-bottom: 30rpx; + } + .banner-info-top { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 30rpx; + } +} +// 活动信息 +.info-box { + margin-top: 30rpx; + .title { + font-weight: 700; + color: #3D3D3D; + font-size: 28rpx; + margin-bottom: 10rpx; + } + .info-item { + font-size: 26rpx; + line-height: 50rpx; + } +} + +/* 底部 */ +.page-footer{ + position: fixed; + left: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 125rpx; + background-color: #FFFFFF; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + .footer-btn { + display: flex; + width: 70vw; + } + .footer-service { + display: flex; + flex-direction: column; + align-items: center; + text { + margin-top: 6rpx; + line-height: 42rpx; + } + } +} + +.userForm { + .form-box { + padding: 28rpx; + } + .title { + font-size: 32rpx; + font-weight: 700; + } +} \ No newline at end of file diff --git a/pages/marketing/marketingDetail/marketingDetail.vue b/pages/marketing/marketingDetail/marketingDetail.vue new file mode 100644 index 0000000..710233d --- /dev/null +++ b/pages/marketing/marketingDetail/marketingDetail.vue @@ -0,0 +1,98 @@ + + + + + diff --git a/pages/marketing/marketingList/marketingList.scss b/pages/marketing/marketingList/marketingList.scss new file mode 100644 index 0000000..85f60d0 --- /dev/null +++ b/pages/marketing/marketingList/marketingList.scss @@ -0,0 +1,185 @@ +.page{ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.more { + height: 74rpx; + background-color: #fff; + border-radius: 21rpx; + padding: 24rpx 32rpx 18rpx; + margin: 26rpx 24rpx 0; +} +.head-search{ + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + margin: 20rpx 24rpx; + background-color: #FFFFFF; + border-radius: 35rpx; + padding: 0 10rpx; + border: 2rpx solid #E8E8E8; + .u-search { + position: relative; + } + .u-btn { + border: unset; + border: 0px transparent; + height: 46rpx; + width: 88rpx; + font-size: 24rpx; + border-radius: 35rpx; + } +} +/* 订单列表 */ +.screen-list { + display: flex; + align-items: center; + width: 100%; + margin: 40rpx 0; + padding: 0 20rpx; + .zidong{ + width: 160rpx; + background-color: #3F9B6A; + color: #fff; + padding: 10rpx; + border-radius: 30rpx; + font-size: 24rpx; + text-align: center; + } + .list { + display: flex; + justify-content: center; + align-items: center; + width: 25%; + height: 100%; + text { + font-size: 26rpx; + color: #555555; + } + image { + width: 30rpx; + height: 30rpx; + margin-left: 10rpx; + } + } + .action { + text { + color: $base; + } + } + } + +.goods-data{ + width: 100%; + padding: 0 18rpx; + // height: calc(100% - 300rpx - 120rpx); + // overflow-y: scroll; + .goods-list{ + width: 100%; + // height: 100%; + .good-item { + background-color: #FFFFFF; + padding: 18rpx 0 18rpx 20rpx; + border-radius: 14rpx; + margin-bottom: 16rpx; + .info { + margin: 20rpx 10rpx 0; + .title { + line-height: 36rpx; + color: #000; + margin-bottom: 10rpx; + font-weight: 700; + } + .name { + font-size: 24rpx; + line-height: 30rpx; + color: #3D3D3D; + margin-bottom: 12rpx; + } + } + } + .list{ + display: flex; + margin-bottom: 40rpx; + .thumb{ + display: flex; + // align-items: center; + width: 36%; + image{ + width: 230rpx; + height: 190rpx; + border-radius: 10rpx; + } + } + + .item{ + width: 60%; + margin-left: 4%; + .title{ + display: flex; + align-items: center; + width: 100%; + margin: 20rpx 0; + .color{ + color: #A8A8A8; + } + } + .canyu{ + width: 100%; + padding: 30rpx 20rpx; + background-color: #3F9B6A; + height: 70rpx; + text-align: center; + line-height: 15rpx; + color: #fff; + } + text{ + font-size: 30rpx; + // font-weight: bold; + color: #222222; + } + + } + + } + .goods-border{ + padding: 30rpx; + border: 1px solid #F3F3F3; + } + } +} +/* 保存按钮 */ +.page-footer{ + position: fixed; + left: 0; + bottom: 0; + width: 100%; + height: 120rpx; + background-color: #FFFFFF; + padding: 20rpx 20rpx; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + .footer-buy{ + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + height: 100%; + .cart-add{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 70rpx; + background-color: #3f9b6a; + text{ + font-size: 28rpx; + color: #FFFFFF; + } + } + } +} diff --git a/pages/marketing/marketingList/marketingList.vue b/pages/marketing/marketingList/marketingList.vue new file mode 100644 index 0000000..1044b1b --- /dev/null +++ b/pages/marketing/marketingList/marketingList.vue @@ -0,0 +1,130 @@ + + + + + diff --git a/pages/participation/participation.scss b/pages/participation/participation.scss index fc2a0bd..6a4e523 100644 --- a/pages/participation/participation.scss +++ b/pages/participation/participation.scss @@ -71,6 +71,7 @@ .info { margin: 20rpx 10rpx 26rpx; .title { + font-weight: 700; line-height: 36rpx; color: #000; margin-bottom: 10rpx; diff --git a/pages/questionnaire/questionnaire.scss b/pages/questionnaire/questionnaire.scss index 8378e0a..4498b27 100644 --- a/pages/questionnaire/questionnaire.scss +++ b/pages/questionnaire/questionnaire.scss @@ -1,41 +1,98 @@ .page{ - padding: 0 20rpx; - // width: 100%; + position: absolute; + left: 0; + top: 0; + width: 100%; height: 100%; - background-color: #E0E0E0; - min-height: 92vh; + background-color: #f6f6f6; +} +.screen-list { + display: flex; + align-items: center; + width: 100%; + margin: 20rpx 0; + padding: 0 20rpx; + .zidong{ + width: 160rpx; + background-color: #3F9B6A; + color: #fff; + padding: 10rpx; + border-radius: 30rpx; + font-size: 24rpx; + text-align: center; + } + .list { + display: flex; + justify-content: center; + align-items: center; + width: 25%; + height: 100%; + text { + font-size: 26rpx; + color: #555555; + } + image { + width: 30rpx; + height: 30rpx; + margin-left: 10rpx; + } + } + .action { + text { + color: $base; + } + } +} +.list-scorll { + padding: 0 24rpx; } .listbox{ margin-bottom: 20rpx; display: flex; justify-content: space-between; - padding:20rpx 30rpx; - border:2px solid #B6B6B6; + padding: 18rpx; background-color:#fff; + border-radius: 14rpx; .img{ - width:40%; + width: 190rpx; + height: 190rpx; + border-radius: 14rpx; + overflow: hidden; image{ width:100%; height: 100%; } } - .name{ - margin: 20rpx 0; - } - .size{ - font-size: 24rpx; - color: #9F9F9F; - font-weight: 600; + .info { + width: calc(100% - 216rpx); + margin-left: 26rpx; + .title { + width: 100%; + font-size: 28rpx; + line-height: 40rpx; + font-weight: 700; + white-space: nowrap; + overflow : hidden; + text-overflow: ellipsis; + margin-bottom: 6rpx; + } + .info-item { + font-size: 24rpx; + line-height: 50rpx; + } } - } -/* 保存按钮 */ .page-footer{ + position: fixed; + left: 0; + bottom: 0; width: 100%; + height: 120rpx; background-color: #FFFFFF; + padding: 20rpx 20rpx; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); - margin-bottom:40rpx; + z-index: 999; .footer-buy{ display: flex; align-items: center; diff --git a/pages/questionnaire/questionnaire.vue b/pages/questionnaire/questionnaire.vue index 1b80347..86be7ba 100644 --- a/pages/questionnaire/questionnaire.vue +++ b/pages/questionnaire/questionnaire.vue @@ -1,30 +1,34 @@ @@ -32,6 +36,20 @@ export default { data() { return { + show: false, + areList: [ + {value: '武侯区', label: '武侯区'}, + {value: '锦江区', label: '锦江区'}, + {value: '青羊区', label: '青羊区'}, + {value: '金牛区', label: '金牛区'}, + {value: '双流区', label: '双流区'}, + {value: '郫都区', label: '郫都区'}, + {value: '龙泉驿区', label: '龙泉驿区'}, + {value: '温江区', label: '温江区'}, + ], // 区域列表 + query: { + type: '', + }, tableData:[ { Image:'', @@ -51,6 +69,13 @@ }; }, methods:{ + queryChange(key, val) { + this.query[`${key}`] = val[0].value; + this.search(); + }, + toAdd() { + + }, createWen(){ uni.navigateTo({ url: '/pages/createQuestionnaire/createQuestionnaire' diff --git a/pages/shops/shops.scss b/pages/shops/shops.scss index 8e87f8b..23b78e9 100644 --- a/pages/shops/shops.scss +++ b/pages/shops/shops.scss @@ -28,7 +28,6 @@ border-radius: 35rpx; } } -/* 订单列表 */ .screen-list { display: flex; align-items: center; -- libgit2 0.21.4