30 changed files with 760 additions and 173 deletions
Unified View
Diff Options
-
+1 -0App.vue
-
+23 -1api/model/index.js
-
+15 -2api/model/info.js
-
+1 -1components/base/tabbar.vue
-
+2 -1components/product/productItem.vue
-
+1 -1config.js
-
+2 -2mixins/list.js
-
+11 -1pages.json
-
+27 -19pages/index/cart.vue
-
+14 -26pages/index/category.vue
-
+28 -15pages/index/center.vue
-
+63 -19pages/index/index.vue
-
+12 -2pages/index/member.vue
-
+3 -0pages/index/order.vue
-
+1 -1pages_order/auth/wxUserInfo.vue
-
+86 -0pages_order/home/contact.vue
-
+31 -27pages_order/home/introduce.vue
-
+7 -5pages_order/home/journalism.vue
-
+58 -0pages_order/home/notice.vue
-
+5 -10pages_order/mine/balance.vue
-
+4 -10pages_order/mine/commission.vue
-
+277 -0pages_order/mine/promotion.vue
-
+6 -3pages_order/mine/recommend.vue
-
+31 -21pages_order/order/createOrder.vue
-
+26 -5pages_order/product/productDetail.vue
-
BINstatic/image/member/m0.png
-
BINstatic/image/member/m1.png
-
BINstatic/image/member/m2.png
-
+24 -0store/store.js
-
+1 -1uni_modules/uv-ui-tools/libs/css/color.scss
+ 1
- 0
App.vue
View File
+ 23
- 1
api/model/index.js
View File
+ 15
- 2
api/model/info.js
View File
+ 1
- 1
components/base/tabbar.vue
View File
+ 2
- 1
components/product/productItem.vue
View File
+ 1
- 1
config.js
View File
+ 2
- 2
mixins/list.js
View File
+ 11
- 1
pages.json
View File
+ 27
- 19
pages/index/cart.vue
View File
+ 14
- 26
pages/index/category.vue
View File
+ 28
- 15
pages/index/center.vue
View File
+ 63
- 19
pages/index/index.vue
View File
+ 12
- 2
pages/index/member.vue
View File
+ 3
- 0
pages/index/order.vue
View File
+ 1
- 1
pages_order/auth/wxUserInfo.vue
View File
+ 86
- 0
pages_order/home/contact.vue
View File
| @ -0,0 +1,86 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="联系我们" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view class="box"> | |||||
| <view class=""> | |||||
| <image :src="configList.wx_image" mode="aspectFill"></image> | |||||
| <view class="uni-color-btn" | |||||
| @click="saveImage(configList.wx_image)"> | |||||
| 保存二维码 | |||||
| </view> | |||||
| </view> | |||||
| <view class=""> | |||||
| 联系电话：{{ configList.phone }} | |||||
| <view class="uni-color-btn" | |||||
| @click="confirm"> | |||||
| 拨打电话 | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| // 拨打电话 | |||||
| confirm() { | |||||
| uni.makePhoneCall({ | |||||
| phoneNumber: this.configList.phone, | |||||
| success() { | |||||
| console.log('安卓拨打成功'); | |||||
| }, | |||||
| fail() { | |||||
| console.log('安卓拨打失败'); | |||||
| } | |||||
| }) | |||||
| }, | |||||
| saveImage(image){ | |||||
| /* 获取图片的信息 */ | |||||
| uni.getImageInfo({ | |||||
| src: image, | |||||
| success: function(image) { | |||||
| /* 保存图片到手机相册 */ | |||||
| uni.saveImageToPhotosAlbum({ | |||||
| filePath: image.path, | |||||
| success: function() { | |||||
| uni.showModal({ | |||||
| title: '保存成功', | |||||
| content: '图片已成功保存到相册', | |||||
| showCancel: false | |||||
| }); | |||||
| }, | |||||
| complete(res) { | |||||
| console.log(res); | |||||
| } | |||||
| }); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page{ | |||||
| .box{ | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| height: 70vh; | |||||
| flex-direction: column; | |||||
| gap: 40rpx; | |||||
| image{ | |||||
| width: 400rpx; | |||||
| height: 400rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 31
- 27
pages_order/home/introduce.vue
View File
+ 7
- 5
pages_order/home/journalism.vue
View File
+ 58
- 0
pages_order/home/notice.vue
View File
| @ -0,0 +1,58 @@ | |||||
| <template> | |||||
| <!-- 公告 --> | |||||
| <view class="page"> | |||||
| <navbar title="公告" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view style="padding: 20rpx;"> | |||||
| <uv-parse :content="notice"></uv-parse> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| notice : {}, | |||||
| id : 0, | |||||
| title : '', | |||||
| titles : ['公司介绍', '产品介绍', '关于我们', '其他'], | |||||
| } | |||||
| }, | |||||
| onLoad({id, type}) { | |||||
| if(type){ | |||||
| this.title = this.titles[type] | |||||
| } | |||||
| if(id){ | |||||
| this.id = id | |||||
| this.getInfoIntroduce() | |||||
| }else{ | |||||
| this.getRiceNoticeList() | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| // 获取公告 | |||||
| getRiceNoticeList(){ | |||||
| this.$api('getRiceNoticeList', res => { | |||||
| if(res.code == 200){ | |||||
| this.notice = res.result.content | |||||
| } | |||||
| }) | |||||
| }, | |||||
| // 获取相关介绍 | |||||
| getInfoIntroduce(){ | |||||
| this.$api('getInfoIntroduceDetail', { | |||||
| id : this.id | |||||
| }, res => { | |||||
| if(res.code == 200){ | |||||
| this.notice = res.result.details | |||||
| } | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page { | |||||
| } | |||||
| </style> | |||||
+ 5
- 10
pages_order/mine/balance.vue
View File
+ 4
- 10
pages_order/mine/commission.vue
View File
+ 277
- 0
pages_order/mine/promotion.vue
View File
| @ -0,0 +1,277 @@ | |||||
| <template> | |||||
| <view class="promotion"> | |||||
| <navbar title="二维码" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view class="promotion-card"> | |||||
| <!-- <view class="user-info"> --> | |||||
| <!-- <image class="image" :src="userInfo.headImage" mode="widthFix"></image> --> | |||||
| <!-- <image class="image" src="../../static/logo.png" mode="widthFix"></image> --> | |||||
| <!-- <view class="user-name">{{ userInfo.nickName }}</view> --> | |||||
| <!-- <view class="user-name">湖南第一深情</view> --> | |||||
| <!-- </view> --> | |||||
| <!-- <view class="invitation-code-img"> | |||||
| <image | |||||
| style="width: 400rpx;" | |||||
| :src="imagePath" mode="widthFix"></image> | |||||
| </view> --> | |||||
| <image style="width: 100%;" :src="imagePath" mode="widthFix"></image> | |||||
| <!-- <view class="invitation-code">加油站: {{ title }}</view> --> | |||||
| <canvas id="myCanvas" type="2d" canvas-id="firstCanvas1"></canvas> | |||||
| </view> | |||||
| <view class="btns"> | |||||
| <view class="btn" | |||||
| @click="preservationImg(imagePath)">保存</view> | |||||
| <!-- <view class="btn">立即邀请</view> --> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import { mapState } from 'vuex' | |||||
| export default { | |||||
| name: 'Promotion', | |||||
| computed: { | |||||
| ...mapState(['userInfo']), | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| url: '', | |||||
| title: '123123', | |||||
| baseUrl: 'https://dianpin-img.xzaiyp.top/', | |||||
| canvas: {}, | |||||
| imagePath: '', | |||||
| } | |||||
| }, | |||||
| onShow() { | |||||
| this.getQrCode() | |||||
| this.$store.commit('getUserInfo') | |||||
| }, | |||||
| methods: { | |||||
| getQrCode() { | |||||
| this.$api('getInviteCode', res => { | |||||
| if (res.code == 200) { | |||||
| this.url = res.result.url | |||||
| this.title = res.result.name | |||||
| this.draw() | |||||
| } | |||||
| }) | |||||
| }, | |||||
| draw() { | |||||
| uni.showLoading({ | |||||
| title: "拼命绘画中..." | |||||
| }) | |||||
| wx.createSelectorQuery() | |||||
| .select('#myCanvas') // 绘制的canvas的id | |||||
| .fields({ | |||||
| node: true, | |||||
| size: true | |||||
| }) | |||||
| .exec((res) => { | |||||
| const canvas = res[0].node | |||||
| // 渲染上下文 | |||||
| const ctx = canvas.getContext('2d') | |||||
| // Canvas 画布的实际绘制宽高 | |||||
| const width = res[0].width | |||||
| const height = res[0].height | |||||
| // 初始化画布大小 | |||||
| const dpr = wx.getWindowInfo().pixelRatio | |||||
| //根据dpr调整 | |||||
| // dpr 2 4 | |||||
| // 3 6 | |||||
| let Ratio = dpr * 2 | |||||
| console.log("bug", dpr) | |||||
| canvas.width = width * dpr | |||||
| canvas.height = height * dpr | |||||
| this.canvas = canvas | |||||
| ctx.scale(dpr, dpr) | |||||
| ctx.clearRect(0, 0, width, height) | |||||
| ctx.fillStyle = '#fff' | |||||
| ctx.fillRect(0, 0, canvas.width, canvas.height) | |||||
| //用户图片 | |||||
| // const image = canvas.createImage() | |||||
| // image.onload = () => { | |||||
| // ctx.drawImage(image, 30, 18, 40, 40) | |||||
| // } | |||||
| // image.src = '/public/img/wechar_1.png' | |||||
| // image.src = this.userInfo.headImage | |||||
| ctx.fillStyle = 'black' | |||||
| ctx.font = '22px PingFangSC-regular'; | |||||
| let s = this.title || '加油站' | |||||
| ctx.fillText(s, canvas.width / Ratio - s.length * 11, 50); | |||||
| //二维码图片 | |||||
| const coderImage = canvas.createImage() | |||||
| coderImage.src = this.baseUrl + this.url | |||||
| coderImage.onload = () => { | |||||
| ctx.drawImage(coderImage, | |||||
| canvas.width / Ratio - 240 / 2, 100, 240, 240) | |||||
| } | |||||
| // 绘制完成后存储路径 | |||||
| setTimeout(() => { | |||||
| wx.canvasToTempFilePath({ | |||||
| x: 0, | |||||
| y: 0, | |||||
| width: this.canvas.width, | |||||
| height: this.canvas.height, | |||||
| canvas, | |||||
| success: (res) => { | |||||
| var tempFilePath = res.tempFilePath; | |||||
| this.imagePath = tempFilePath | |||||
| uni.hideLoading() | |||||
| } | |||||
| }); | |||||
| }, 600); | |||||
| }) | |||||
| }, | |||||
| back() { | |||||
| uni.navigateBack(-1) | |||||
| }, | |||||
| preservationImg(img) { | |||||
| let that = this | |||||
| uni.authorize({ | |||||
| /* scope.writePhotosAlbum 类型是保存到相册 */ | |||||
| scope: 'scope.writePhotosAlbum', | |||||
| success() { | |||||
| /* 已授权进入 */ | |||||
| /* 保存图片到相册方法方法 */ | |||||
| that.imgApi(img); | |||||
| }, | |||||
| complete(res) { | |||||
| /* 判断如果没有授权就打开设置选项让用户重新授权 */ | |||||
| uni.getSetting({ | |||||
| success(res) { | |||||
| if (!res.authSetting['scope.writePhotosAlbum']) { | |||||
| /* 打开设置的方法 */ | |||||
| that.openInstall(); | |||||
| } | |||||
| } | |||||
| }); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| imgApi(image) { | |||||
| /* 获取图片的信息 */ | |||||
| uni.getImageInfo({ | |||||
| src: image, | |||||
| success: function(image) { | |||||
| /* 保存图片到手机相册 */ | |||||
| uni.saveImageToPhotosAlbum({ | |||||
| filePath: image.path, | |||||
| success: function() { | |||||
| uni.showModal({ | |||||
| title: '保存成功', | |||||
| content: '图片已成功保存到相册', | |||||
| showCancel: false | |||||
| }); | |||||
| }, | |||||
| complete(res) { | |||||
| console.log(res); | |||||
| } | |||||
| }); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .promotion { | |||||
| .promotion-card { | |||||
| width: 90%; | |||||
| margin: 100rpx auto 0rpx auto; | |||||
| box-shadow: 0rpx 0rpx 15rpx rgba(0, 0, 0, .2); | |||||
| border-radius: 15rpx; | |||||
| padding: 40rpx 30rpx; | |||||
| box-sizing: border-box; | |||||
| .user-info { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| .image { | |||||
| width: 80rpx; | |||||
| height: 80rpx; | |||||
| border-radius: 50%; | |||||
| margin-right: 10rpx; | |||||
| } | |||||
| .user-name { | |||||
| font-size: 30rpx; | |||||
| } | |||||
| } | |||||
| .invitation-code-img { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| margin: 100rpx 0rpx; | |||||
| .image { | |||||
| width: 30%; | |||||
| border-radius: 50%; | |||||
| } | |||||
| } | |||||
| .invitation-code { | |||||
| text-align: center; | |||||
| color: #818181; | |||||
| font-size: 28rpx; | |||||
| } | |||||
| } | |||||
| .btns { | |||||
| position: fixed; | |||||
| left: 0; | |||||
| bottom: 0; | |||||
| width: 100%; | |||||
| height: 120rpx; | |||||
| display: flex; | |||||
| background: $uni-color; | |||||
| color: white; | |||||
| font-size: 28rpx; | |||||
| .btn { | |||||
| flex: 1; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| &:nth-child(2) { | |||||
| background: orange; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| #myCanvas { | |||||
| position: fixed; | |||||
| left: 100%; | |||||
| /* visibility: hidden */ | |||||
| /* visibility: hidden; */ | |||||
| /* margin-top: 100rpx; */ | |||||
| margin: 68rpx auto; | |||||
| width: 750rpx; | |||||
| height: 750rpx; | |||||
| /* line-height: 20px; */ | |||||
| background-color: rgba(255, 255, 255, 1); | |||||
| text-align: center; | |||||
| } | |||||
| </style> | |||||
+ 6
- 3
pages_order/mine/recommend.vue
View File
+ 31
- 21
pages_order/order/createOrder.vue
View File
+ 26
- 5
pages_order/product/productDetail.vue
View File
BIN
static/image/member/m0.png
View File
| Before | After |
|---|---|
|
|
| Width: 232 | Height: 80 | Size: 9.9 KiB |
BIN
static/image/member/m1.png
View File
| Before | After |
|---|---|
|
|
| Width: 232 | Height: 80 | Size: 8.6 KiB |
BIN
static/image/member/m2.png
View File
| Before | After |
|---|---|
|
|
| Width: 232 | Height: 80 | Size: 7.3 KiB |