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/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/assets/css/v12-style.less b/assets/css/v12-style.less new file mode 100644 index 0000000..94dc2f5 --- /dev/null +++ b/assets/css/v12-style.less @@ -0,0 +1,143 @@ +/*================变量==================*/ +@primary-color: #C52733; +@dark-color: #333333; +@white-color: #fff; + +@colors: #C52733, #333333, #fff, #666, #F0F0F0; +@classnames: primary, dark, white, secondary-dark, grey; +/*=====================================*/ + +each(@colors, { + @color: extract(@colors, @index); + @classname: extract(@classnames, @index); + .v12-@{classname} { + background-color: @color !important; + background: @color !important; + } + .v12-@{classname}-text{ + color: @color !important; + } + .v12-@{classname}-border{ + border: 1px solid @color !important; + } +}); + +/*===================字体大小======================*/ +.generateFontSize(@i) when (@i <= 80) { + .v12-font-@{i} { + font-size: @i * 1rpx !important; + } + .generateFontSize(@i + 2); +} + +.generateFontSize(0); + +.v12-font-bold{ + font-weight: bold !important; +} +.generateFontWeight(@n, @i: 100) when (@i <= @n) { + .v12-font-weight-@{i} { + font-weight: @i !important; + } + .generateFontWeight(@n, (@i + 100)) +} +.generateFontWeight(900); + +/*==================内外边距====================*/ +.generateMarginAndPadding(@n, @i:0) when (@i<= @n) { + @baseNum: @i * 8rpx; + .v12-mt-@{i} { + margin-top: @baseNum; + } + .v12-ml-@{i} { + margin-left: @baseNum; + } + .v12-mr-@{i} { + margin-right: @baseNum; + } + .v12-mb-@{i} { + margin-bottom: @baseNum; + } + .v12-ma-@{i} { + margin: @baseNum; + } + .v12-mx-@{i} { + margin: 0 @baseNum; + } + .v12-my-@{i} { + margin: @baseNum 0; + } + .v12-pt-@{i} { + padding-top: @baseNum; + } + .v12-pl-@{i} { + padding-left: @baseNum; + } + .v12-pr-@{i} { + padding-right: @baseNum; + } + .v12-pb-@{i} { + padding-bottom: @baseNum; + } + .v12-pa-@{i} { + padding: @baseNum; + } + .v12-px-@{i} { + padding: 0 @baseNum + } + .v12-py-@{i} { + padding: @baseNum 0 + } + .generateMarginAndPadding(@n, (@i + 1)) +} +.generateMarginAndPadding(40); + +/*==================圆角====================*/ +.generateRadius(@n, @i: 0) when (@i <= @n) { + @baseRadius: @i * 1rpx; + .v12-radius-@{i} { + border-radius: @baseRadius + } + .generateRadius(@n, (@i + 1)) +} +.generateRadius(100); +/*=========================================*/ + +/*====================flex 函数表达式=====================*/ + +.v12-d-flex{ + display: flex !important; +} +.v12-flex-column { + flex-direction: column; +} +.v12-align-center{ + display: flex; + align-items: center; +} +.v12-align-start{ + display: flex; + align-items: start; +} +.v12-align-end{ + display: flex; + align-items: end; +} +.v12-justify-center{ + display: flex; + justify-content: center; +} +.v12-justify-between{ + display: flex; + justify-content: space-between; +} +.v12-d-grid-columns-2 { + display: grid; + grid-template-columns: 1fr 1fr; +} + + + + + + diff --git a/components/CheckboxIcon.vue b/components/CheckboxIcon.vue index 1ff67c1..e50fab9 100644 --- a/components/CheckboxIcon.vue +++ b/components/CheckboxIcon.vue @@ -1,6 +1,7 @@ @@ -43,7 +44,7 @@ export default { width: 32rpx; height: 32rpx; box-sizing: border-box; - border: 2rpx solid #D5D7D8; + border: 2px solid #D5D7D8; border-radius: 50%; } @@ -53,7 +54,6 @@ export default { } .isSelected { - border: 3px solid #FD5749; - background: #FD5749; + border: 3px solid #C52733; } \ No newline at end of file diff --git a/pages.json b/pages.json index 6a8584a..50f12b8 100644 --- a/pages.json +++ b/pages.json @@ -597,6 +597,13 @@ "navigationStyle": "custom" } }, + { + "path": "views/famousQianxianVillageShop", + "style": { + "navigationBarTitleText": "千县名品", + "navigationStyle": "custom" + } + }, { "path": "views/famousQianxianInvestment", "style": { @@ -829,6 +836,7 @@ }, "tabBar": { "color": "#8B8F99", + "custom": true, "selectedColor": "#FF564A", "borderStyle": "black", "backgroundColor": "#ffffff", diff --git a/pages/cart.vue b/pages/cart.vue index e4059db..f764b2d 100644 --- a/pages/cart.vue +++ b/pages/cart.vue @@ -41,49 +41,51 @@ class="store-cover" mode="scaleToFill" /> - {{ item['merName'] }} + {{ item['merName'] }} - 进店逛逛 - + - - - + + + + + {{ good['productInfo']['storeName'] }} 规格:{{ good['productInfo']['attrInfo']['sku'] }} + - - {{ good['truePrice'] }} + + {{ good['truePrice'] }} @@ -139,13 +149,15 @@ :mark="[-1]" @change="onChange" /> - 全选({{ selectCount }}) + 全选({{ selectCount }}) - 合计: - ¥{{ total }} + + 合计: + + {{ total }} - 结算 + 结算 \ No newline at end of file diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue index 0333000..e3cd48f 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 }} @@ -57,7 +57,7 @@ - {{ inn.name }} + {{ inn.name }}