11 changed files with 266 additions and 287 deletions
Split View
Diff Options
-
+1 -0App.vue
-
+5 -5api/api.js
-
+3 -3api/http.js
-
+6 -0pages.json
-
+0 -75pages/index/index.vue
-
+105 -101pages/login/login.vue
-
+130 -0pages/login/wxUserInfo.vue
-
+0 -95pages/map/map.vue
-
+1 -1pages/payment/payment.vue
-
+4 -1pages/weddingCelebration/weddingCelebration.vue
-
+11 -6store/store.js
+ 1
- 0
App.vue
View File
+ 5
- 5
api/api.js
View File
+ 3
- 3
api/http.js
View File
+ 6
- 0
pages.json
View File
+ 0
- 75
pages/index/index.vue
View File
| @ -1,75 +0,0 @@ | |||
| <template> | |||
| <view class="content"> | |||
| <button @click="$refs.configPopup.open()">{{ locale.agreement }}</button> | |||
| <button @click="$refs.changeLanguage.open()">切换语言</button> | |||
| <button @click="$utils.navigateTo('/map/map')">地图</button> | |||
| <button @click="uploadImage">图片上传</button> | |||
| <text>{{ image }}</text> | |||
| <uv-upload | |||
| :fileList="fileList" | |||
| :maxCount="5" | |||
| multiple | |||
| width="150rpx" | |||
| height="150rpx" | |||
| @delete="deleteImage" | |||
| @afterRead="afterRead" | |||
| :previewFullImage="true"></uv-upload> | |||
| <changeLanguage ref="changeLanguage"/> | |||
| <configPopup | |||
| keyValue="asd" | |||
| ref="configPopup"/> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| image : '', | |||
| fileList: [], | |||
| } | |||
| }, | |||
| computed : { | |||
| locale(){ | |||
| return this.$t('pages.index.index') | |||
| } | |||
| }, | |||
| methods: { | |||
| //上传图片 | |||
| uploadImage(){ | |||
| let self = this | |||
| this.$Oss.ossUploadImage({ | |||
| success(url){ | |||
| self.image = url | |||
| } | |||
| }) | |||
| }, | |||
| deleteImage(e){ | |||
| this.fileList.splice(e.index, 1) | |||
| }, | |||
| afterRead(e){ | |||
| let self = this | |||
| e.file.forEach(file => { | |||
| self.$Oss.ossUpload(file.url).then(url => { | |||
| self.fileList.push({ | |||
| url | |||
| }) | |||
| }) | |||
| }) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style scoped lang="scss"> | |||
| .content{ | |||
| padding: 20px; | |||
| button{ | |||
| margin-bottom: 10rpx; | |||
| } | |||
| } | |||
| </style> | |||
+ 105
- 101
pages/login/login.vue
View File
+ 130
- 0
pages/login/wxUserInfo.vue
View File
| @ -0,0 +1,130 @@ | |||
| <template> | |||
| <view class="login"> | |||
| <view class="title"> | |||
| 帧视界 | |||
| </view> | |||
| <view class="title"> | |||
| 申请获取你的头像、昵称 | |||
| </view> | |||
| <button class="chooseAvatar" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> | |||
| <view class="line"> | |||
| <view class=""> | |||
| 头像 | |||
| </view> | |||
| <view class=""> | |||
| <image :src="userInfo.headImage" v-if="userInfo.headImage" style="width: 60rpx;height: 60rpx;" | |||
| mode=""></image> | |||
| <image src="/static/login/6.png" v-else style="width: 50rpx;height: 50rpx;" mode=""></image> | |||
| </view> | |||
| </view> | |||
| </button> | |||
| <view class="line"> | |||
| <view class=""> | |||
| 昵称 | |||
| </view> | |||
| <view class=""> | |||
| <input type="nickname" placeholder="请输入昵称" style="text-align: right;" id="nickName" | |||
| v-model="userInfo.nickName" /> | |||
| </view> | |||
| </view> | |||
| <view class="btn" @click="submit"> | |||
| 确认 | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| userInfo: { | |||
| headImage: '', | |||
| nickName: '', | |||
| } | |||
| }; | |||
| }, | |||
| onShow() {}, | |||
| computed: {}, | |||
| methods: { | |||
| onChooseAvatar(res) { | |||
| let self = this | |||
| self.$Oss.ossUpload(res.target.avatarUrl) | |||
| .then(url => { | |||
| self.userInfo.headImage = url | |||
| }) | |||
| }, | |||
| submit() { | |||
| let self = this | |||
| uni.createSelectorQuery().in(this) | |||
| .select("#nickName") | |||
| .fields({ | |||
| properties: ["value"], | |||
| }) | |||
| .exec((res) => { | |||
| const nickName = res?.[0]?.value | |||
| self.userInfo.nickName = nickName | |||
| }) | |||
| if (this.$utils.verificationAll(this.userInfo, { | |||
| headImage: '请选择头像', | |||
| nickName: '请填写昵称', | |||
| })) { | |||
| return | |||
| } | |||
| this.$api('infoUpdateInfo', this.userInfo, res => { | |||
| if (res.code == 200) { | |||
| uni.navigateBack(-1) | |||
| } | |||
| }) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .login { | |||
| display: flex; | |||
| flex-direction: column; | |||
| justify-content: center; | |||
| align-items: center; | |||
| height: 80vh; | |||
| .title { | |||
| line-height: 45rpx; | |||
| font-weight: 900; | |||
| } | |||
| .line { | |||
| display: flex; | |||
| justify-content: space-between; | |||
| align-items: center; | |||
| width: 80%; | |||
| border-bottom: 1px solid #00000023; | |||
| padding: 30rpx 0; | |||
| margin: 0 auto; | |||
| } | |||
| .chooseAvatar { | |||
| width: 100%; | |||
| padding: 0; | |||
| margin: 0; | |||
| margin-top: 10vh; | |||
| border: none; | |||
| } | |||
| .btn { | |||
| // background: $uni-linear-gradient-btn-color; | |||
| background: lightblue; | |||
| color: #fff; | |||
| width: 80%; | |||
| padding: 20rpx 0; | |||
| text-align: center; | |||
| border-radius: 15rpx; | |||
| margin-top: 10vh; | |||
| } | |||
| } | |||
| </style> | |||
+ 0
- 95
pages/map/map.vue
View File
| @ -1,95 +0,0 @@ | |||
| <template> | |||
| <view class="content"> | |||
| <map style="width: 100%; height: 90vh;" | |||
| :layer-style='5' | |||
| :style="{height:mapheight}" | |||
| :show-location='true' | |||
| :latitude="latitude" | |||
| :longitude="longitude" | |||
| :markers="markers" | |||
| :scale="scale" | |||
| @markertap="markertap" | |||
| @callouttap='callouttap'> | |||
| <!-- subkey="66c5a2ad2849" --> | |||
| </map> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import position from '@/utils/position.js' | |||
| export default { | |||
| data() { | |||
| return { | |||
| latitude: 23.106574, //纬度 | |||
| longitude: 113.324587, //经度 | |||
| scale: 10, //缩放级别 | |||
| bottomData: false, | |||
| mapCtx: null, | |||
| markers:[ | |||
| { //标记点A 的信息 | |||
| iconPath: "/static/logo.png", //图标 | |||
| id: 0, | |||
| width: 20, //图标icon 宽度 | |||
| height: 28 ,//图标icon 高度 | |||
| latitude: 26.1272, | |||
| longitude: 113.11659 | |||
| } | |||
| ] | |||
| } | |||
| }, | |||
| onLoad() { | |||
| position.getLocation(res => { | |||
| console.log(res); | |||
| this.latitude = res.latitude | |||
| this.longitude = res.longitude | |||
| }) | |||
| }, | |||
| computed: { | |||
| mapheight() { | |||
| let data = '' | |||
| if (this.bottomData) { | |||
| if (this.upTop) { | |||
| data = '50px' | |||
| } else { | |||
| data = '200px' | |||
| } | |||
| } else { | |||
| data = '90vh' | |||
| } | |||
| return data | |||
| }, | |||
| coverbottom() { | |||
| let data = '' | |||
| if (this.bottomData) { | |||
| data = '20rpx' | |||
| } else { | |||
| data = '100rpx' | |||
| } | |||
| return data | |||
| } | |||
| }, | |||
| onShow() { | |||
| this.mapCtx = wx.createMapContext('map'); | |||
| this.mapCtx && this.mapCtx.addCustomLayer({ | |||
| layerId: '66c5a2ad2849', | |||
| success: (res) => { | |||
| console.log('success', res); | |||
| }, | |||
| fail: (e) => { | |||
| console.log('fail', e); | |||
| }, | |||
| }); | |||
| }, | |||
| methods: { | |||
| //地图点击事件 | |||
| markertap(e) { | |||
| console.log("===你点击了标记点===", e) | |||
| }, | |||
| //地图点击事件 | |||
| callouttap(e) { | |||
| console.log('地图点击事件', e) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||