From 7740e8f6a8e0d67428eddff1fd28ec4d52138e06 Mon Sep 17 00:00:00 2001 From: lifizer <913626195@qq.com> Date: Fri, 23 Aug 2024 17:45:06 +0800 Subject: [PATCH 01/30] =?UTF-8?q?Feat(=E5=8D=83=E5=8E=BF=E5=BA=97=E9=93=BA?= =?UTF-8?q?):=E6=9D=91=E5=B1=8B=E5=87=BA=E7=A7=9F=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- api/qianxian.js | 15 + pages.json | 7 + pkg_product/views/famousQianxianShop.vue | 180 ++++- .../views/famousQianxianVillageShop.vue | 653 ++++++++++++++++++ 4 files changed, 849 insertions(+), 6 deletions(-) create mode 100644 pkg_product/views/famousQianxianVillageShop.vue diff --git a/api/qianxian.js b/api/qianxian.js index a40aabc..bbe592d 100644 --- a/api/qianxian.js +++ b/api/qianxian.js @@ -79,3 +79,18 @@ export function getCountyFamousIndustryProjectFile(param) { export function getCountyFamousInvestmentFile(param) { return request.get('/countyFamous/investmentFile', param, { login: true }) } + +// 获取千县名品县城村屋列表 +export function getCountyFamousVillage(param) { + return request.get('/countyFamous/village', param, { login: true }) +} + +// 获取千县名品县城村屋详情 +export function getCountyFamousVillageDetail(id) { + return request.get('/countyFamous/village/' + id, {}, { login: true }) +} + +// 获取千县名品县城村屋资讯 +export function getCountyFamousVillageNews(param) { + return request.get('/countyFamous/village/news', param, { login: true }) +} diff --git a/pages.json b/pages.json index 6a8584a..ce30577 100644 --- a/pages.json +++ b/pages.json @@ -597,6 +597,13 @@ "navigationStyle": "custom" } }, + { + "path": "views/famousQianxianVillageShop", + "style": { + "navigationBarTitleText": "千县名品", + "navigationStyle": "custom" + } + }, { "path": "views/famousQianxianInvestment", "style": { diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue index 0333000..23a6394 100644 --- a/pkg_product/views/famousQianxianShop.vue +++ b/pkg_product/views/famousQianxianShop.vue @@ -44,8 +44,8 @@ class="city-section flex jc-end ai-center" > {{ inn.cityName }} @@ -417,6 +417,72 @@ + + + + + + + + {{ tab.name }} + + + + + + + + + + + {{ village.address }} + + + + + + {{ village.intro }} + + + + + {{ village.name }} + + + + + + 暂无村屋出租 + + + + @@ -458,7 +524,8 @@ import { postCountyFamousNewsView, getCountyFamousIndustry, getCountyFamousIndustryProject, - getCountyFamousInvestmentFile + getCountyFamousInvestmentFile, + getCountyFamousVillage } from '@/api/qianxian' import {formatDateTime} from '@/utils' import {getUrlParam} from '@/utils/common.js' @@ -518,9 +585,12 @@ export default { industryProjectList: [], // 招商政策文件列表 investmentFileList: [], + // 村屋列表 + villageList: [], industryTab: [ { name: '产业项目', icon: '/page/qianxian/icon-04.png' }, - { name: '招商政策', icon: '/page/qianxian/icon-03.png' } + { name: '招商政策', icon: '/page/qianxian/icon-03.png' }, + { name: '村屋出租', icon: '/page/qianxian/icon-07.png' } ], industryTabIndex: 0 } @@ -581,6 +651,16 @@ export default { this.investmentFileList = data.records || [] } }) + getCountyFamousVillage({ + countyFamousDataId: this.id, + page: 1, + limit: 9999 + }).then(res => { + const { success, data } = res + if (success) { + this.villageList = data.records || [] + } + }) }, getShopDetailReq() { const _this = this @@ -865,6 +945,9 @@ export default { }, gotoInvestment() { uni.navigateTo({ url: `/pkg_product/views/famousQianxianInvestment?id=${this.id}` }) + }, + villageItemClick(item) { + uni.navigateTo({ url: `/pkg_product/views/famousQianxianVillageShop?id=${item.id}` }) } } } @@ -1330,12 +1413,15 @@ export default { z-index: 2; display: block; width: 750rpx; - height: 530rpx; + height: 518rpx; + } + .bg3 { + height: 1159rpx; } .card-cont { position: absolute; z-index: 5; - top: 30rpx; + top: 20rpx; left: 30rpx; right: 30rpx; .tab-wrap { @@ -1417,6 +1503,88 @@ export default { } } } + .village-wrap { + height: 980rpx; + padding: 16rpx 0 0 0; + overflow-y: auto; + } + .village-list { + display: flex; + flex-wrap: wrap; + width: 660rpx; + margin: 0 auto; + .village-item { + width: 320rpx; + height: 480rpx; + margin: 0 20rpx 20rpx 0; + border-radius: 16rpx; + background-color: #f0f0f0; + &:nth-child(2n) { + margin-right: 0; + } + .img-wrap { + position: relative; + .img { + display: block; + width: 320rpx; + height: 320rpx; + border-radius: 16rpx; + } + .location { + position: absolute; + bottom: 0; + left: 0; + right: 0; + z-index: 5; + display: flex; + align-items: center; + height: 60rpx; + padding: 0 20rpx; + border-radius: 0 0 16rpx 16rpx; + font-size: 28rpx; + line-height: 36rpx; + color: #fff; + background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); + .icon { + display: block; + width: 28rpx; + height: 28rpx; + margin: 0 8rpx 0 0; + } + .addr { + width: calc(100% - 40rpx); + } + } + } + .info { + padding: 6rpx 8rpx 16rpx 8rpx; + .intro { + height: 80rpx; + line-height: 40rpx; + font-size: 30rpx; + font-weight: bold; + color: #333; + } + .name-wrap { + display: flex; + align-items: center; + .logo { + display: block; + width: 48rpx; + height: 48rpx; + margin: 0 8rpx 0 0; + } + .name { + width: calc(100% - 60rpx); + padding: 10rpx 0 0 0; + font-size: 28rpx; + line-height: 48rpx; + color: #999; + } + } + } + } + } } } .project-wrap { diff --git a/pkg_product/views/famousQianxianVillageShop.vue b/pkg_product/views/famousQianxianVillageShop.vue new file mode 100644 index 0000000..e0878a9 --- /dev/null +++ b/pkg_product/views/famousQianxianVillageShop.vue @@ -0,0 +1,653 @@ + + + + + From 5fc4159e08bc14bf634916e3315428d25aa8eeb4 Mon Sep 17 00:00:00 2001 From: linxi Date: Mon, 26 Aug 2024 10:35:57 +0800 Subject: [PATCH 02/30] =?UTF-8?q?Style(=E6=9D=91=E5=B1=8B=E5=87=BA?= =?UTF-8?q?=E7=A7=9F)=EF=BC=9A=E6=8B=9B=E7=A7=9F=E6=9D=91=E5=B1=8B?= =?UTF-8?q?=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pkg_product/views/famousQianxianShop.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue index 23a6394..dd988f8 100644 --- a/pkg_product/views/famousQianxianShop.vue +++ b/pkg_product/views/famousQianxianShop.vue @@ -1564,6 +1564,7 @@ export default { font-size: 30rpx; font-weight: bold; color: #333; + margin-top: 8rpx; } .name-wrap { display: flex; @@ -1573,6 +1574,7 @@ export default { width: 48rpx; height: 48rpx; margin: 0 8rpx 0 0; + border-radius: 50%; } .name { width: calc(100% - 60rpx); From 77453380fa94313159b5e850c3f687e5df7a3697 Mon Sep 17 00:00:00 2001 From: linxi Date: Mon, 26 Aug 2024 11:49:54 +0800 Subject: [PATCH 03/30] =?UTF-8?q?Style:=2012=E6=9C=9F=E9=80=9A=E7=94=A8?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/v12-style.less | 44 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 assets/css/v12-style.less diff --git a/assets/css/v12-style.less b/assets/css/v12-style.less new file mode 100644 index 0000000..11dfc7e --- /dev/null +++ b/assets/css/v12-style.less @@ -0,0 +1,44 @@ +/*================变量==================*/ +@primary-color: #C52733; +@dark-color: #333333; +@white-color: #fff; +/*=====================================*/ + +.v12-primary{ + background-color: @primary-color; + background: @primary-color; +} +.v12-primary-text{ + color: @primary-color; +} +.v12-dark{ + background: @dark-color !important; + background-color: @dark-color !important; +} +.v12-dark-text{ + color: @dark-color !important; +} +.v12-white{ + background-color: @white-color; + background: @white-color; +} +.v12-white-color{ + background-color: @white-color; + background: @white-color; +} + +.generateFontSize(@i) when (@i <= 80) { + .v12-font-@{i} { + font-size: @i * 1rpx !important; + } + .generateFontSize(@i + 4); +} + +.generateFontSize(20); + +.v12-font-bold{ + font-weight: bold !important; +} + + + From 32a7e311fc05a94d5c71465b28a9329bfb78f740 Mon Sep 17 00:00:00 2001 From: linxi Date: Mon, 26 Aug 2024 11:50:35 +0800 Subject: [PATCH 04/30] =?UTF-8?q?Style(=E5=8D=83=E5=8E=BF=E5=90=8D?= =?UTF-8?q?=E5=93=81)=EF=BC=9A=E5=8E=BF=E5=9F=8E=E8=AF=A6=E6=83=85?= =?UTF-8?q?=E7=9A=84=E5=90=8D=E7=A7=B0=E6=96=87=E5=AD=97=E5=8A=A0=E5=A4=A7?= =?UTF-8?q?=E5=8A=A0=E7=B2=97=EF=BC=8C=E5=8F=82=E8=80=83=E6=95=88=E6=9E=9C?= =?UTF-8?q?=E5=9B=BE=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.vue | 1 + pkg_product/views/famousQianxianShop.vue | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/App.vue b/App.vue index 52efa1a..38ef2d8 100644 --- a/App.vue +++ b/App.vue @@ -25,4 +25,5 @@ export default { @import "./assets/css/base.less"; @import "./assets/css/reset.less"; @import "./assets/css/style.less"; +@import "./assets/css/v12-style.less"; diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue index dd988f8..e42d9e1 100644 --- a/pkg_product/views/famousQianxianShop.vue +++ b/pkg_product/views/famousQianxianShop.vue @@ -57,7 +57,7 @@ - {{ inn.name }} + {{ inn.name }}