From 2bee43a9ea8a16f9526b8f2dfa781c99c6b02199 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E9=98=81=E8=BE=89?= Date: Thu, 13 Jan 2022 10:20:18 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages.json | 10 +++++++ pages/add-paper/index.vue | 30 +++++++++++++++++-- pages/mall/index.vue | 46 ++++++++++++++++-------------- pages/paper-detail/index.vue | 37 ++++++++++++++++++++++++ pages/store-settings/index.vue | 34 +++++++++++----------- static/imgs/trade/uploadImage.png | Bin 0 -> 5259 bytes 6 files changed, 117 insertions(+), 40 deletions(-) create mode 100644 pages/paper-detail/index.vue create mode 100644 static/imgs/trade/uploadImage.png diff --git a/pages.json b/pages.json index 7a623ee..07d3cbe 100644 --- a/pages.json +++ b/pages.json @@ -216,6 +216,16 @@ } } + ,{ + "path" : "pages/paper-detail/index", + "style" : + { + "navigationBarTitleText": "纸商城详情", + "navigationStyle": "custom", + "enablePullDownRefresh": false + } + + } ], "globalStyle": { "navigationBarTextStyle": "black", diff --git a/pages/add-paper/index.vue b/pages/add-paper/index.vue index 0dd5b4c..bf104e6 100644 --- a/pages/add-paper/index.vue +++ b/pages/add-paper/index.vue @@ -61,7 +61,7 @@ 请选择纸种信息 {{ form.categoryName }} - + @@ -117,7 +117,8 @@ {{ item.stockUnit === '1' ? '张' : '吨' }} - + + @@ -184,12 +185,15 @@ mode="grid" file-extname="png,jpg" :limit="6" + :image-styles="imageStyles" @progress="progress" @success="success" @fail="fail" @select="select" @delete="deleteImage" - /> + > + + @@ -299,6 +303,17 @@ export default { brandName: null, categoryId: null }, + imageStyles: { + width: 100, + height: 100, + background:'#000', + border: { + color: '#f1f1f1', + width: 1, + style: 'solid', + radius: '2rpx' + } + }, range: [{ value: 0, text: '是' }, { value: 1, text: '否' }], placeholderStyle: 'text-align: right;', searchList: [ @@ -553,6 +568,12 @@ export default { .paper-price-image { padding: 22rpx 32rpx; } + .paper-upload-image{ + width: 184rpx; + height: 184rpx; + background: rgba(220,222,224,0.50); + border-radius: 10rpx; + } .paper-price-textArea { background: #f7f8fa; border-radius: 20rpx; @@ -652,5 +673,8 @@ export default { padding: 10rpx 32rpx; background-color: #ffffff; } + .paper-backColor{ + background-color: rgba(220,222,224,1); + } } diff --git a/pages/mall/index.vue b/pages/mall/index.vue index 4f884e9..dcf7038 100644 --- a/pages/mall/index.vue +++ b/pages/mall/index.vue @@ -20,7 +20,7 @@ - + @@ -109,26 +109,26 @@ export default { }) }) }, - downCallback() { - this.orderPagination.pageNum = 1 - this.quertData() - .then(({ list, total }) => { - this.$refs.list.refreshSuccess({ list, total }) - }) - .catch(() => { - this.$refs.list.refreshFail() - }) - }, - upCallback() { - this.orderPagination.pageNum++ - this.quertData() - .then(({ list, total }) => { - this.$refs.list.loadSuccess({ list, total }) - }) - .catch(() => { - this.$refs.list.loadFail() - }) - }, + // downCallback() { + // this.orderPagination.pageNum = 1 + // this.quertData() + // .then(({ list, total }) => { + // this.$refs.list.refreshSuccess({ list, total }) + // }) + // .catch(() => { + // this.$refs.list.refreshFail() + // }) + // }, + // upCallback() { + // this.orderPagination.pageNum++ + // this.quertData() + // .then(({ list, total }) => { + // this.$refs.list.loadSuccess({ list, total }) + // }) + // .catch(() => { + // this.$refs.list.loadFail() + // }) + // }, // 切换商城按钮 checkMall() { go2('switching-mall') @@ -150,6 +150,10 @@ export default { // 店铺设置按钮 setting(){ go2('store-settings') + }, + // 详情点击事件 + detailInfo(){ + go2('paper-detail') } } } diff --git a/pages/paper-detail/index.vue b/pages/paper-detail/index.vue new file mode 100644 index 0000000..bc2e2f0 --- /dev/null +++ b/pages/paper-detail/index.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/pages/store-settings/index.vue b/pages/store-settings/index.vue index b6ea983..ba305a1 100644 --- a/pages/store-settings/index.vue +++ b/pages/store-settings/index.vue @@ -36,14 +36,18 @@ @fail="fail" @select="select" @delete="deleteImage" - /> + > + + 建议尺寸:200*200像素,尺寸不匹配时,图片将被压缩或拉伸以铺满画面 背景图片 - + + + 建议尺寸:750*370像素,尺寸不匹配时,图片将被压缩或拉伸以铺满画面 @@ -62,24 +66,14 @@ export default { storeName: '', imageValue: [], imageStyles: { - width: 100, + width: 120, height: 100, - border: { - color: '#f1f1f1', - width: 1, - style: 'dashed', - radius: '4rpx' - } + border: false }, imageStylest: { width: 183, height: 94, - border: { - color: '#f1f1f1', - width: 1, - style: 'dashed', - radius: '4rpx' - } + border: false } } }, @@ -158,9 +152,11 @@ export default { } .stotr-image-widtht{ width: 100%; + background-color: rgba(220,222,224,1); } .stotr-image-width{ - width: 50%; + width: 48%; + background-color: rgba(220,222,224,1); } .upload-btn{ position: absolute; @@ -168,5 +164,11 @@ export default { bottom: 32rpx; left: 32rpx; } + .paper-upload-image{ + width: 120rpx; + height: 120rpx; + background: rgba(220,222,224,1); + border-radius: 10rpx; + } } diff --git a/static/imgs/trade/uploadImage.png b/static/imgs/trade/uploadImage.png new file mode 100644 index 0000000000000000000000000000000000000000..17bbc77e93f8a734bf246facd69d29749eb5f107 GIT binary patch literal 5259 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 R`Bwk{002ovPDHLkV1kzC8k7J4 literal 0 HcmV?d00001