send circle

nova-werun/components/circle-card/index.wxml

@@ -29,10 +29,10 @@
     </view>
         <!-- 预览组件 -->
         <previewImg id="previewComponent" previewImgList = "{{imgList}}" previewImg = "{{currentImg}}"  />
-    <!--  -->
-    <view class="addbox">
+    <!-- 地址 -->
+    <view class="addbox" wx:if="{{cicleList[0].location}}">
         <van-icon name="location-o" size='28rpx' />
-        <view class="add-tex">南昌市</view>
+        <view class="add-tex">{{cicleList[0].location}}</view>
     </view>
     <view class="timebox">
         <!-- 点赞 -->
@@ -186,9 +186,9 @@
     <previewImg id="previewComponent" previewImgList = "{{imgList}}" previewImg = "{{currentImg}}"  />
 
 
-    <view class="addbox">
+    <view class="addbox" wx:if="{{cicleList[0].location}}">
         <van-icon name="location-o" size='28rpx' />
-        <view class="add-tex">南昌市</view>
+        <view class="add-tex">{{cicleList[0].location}}</view>
     </view>
     <view class="timebox">
         <!-- 点赞 -->

nova-werun/pages/circle/send-circle/index.js

@@ -25,6 +25,8 @@ Page({
         domain: '',
         uploadURL: '',
         saveimage:false,
+        checked:false,
+        address:'',
     },
 
     /**
@@ -164,6 +166,9 @@ Page({
             Comment.set('images', this.data.fileLists);
         }
         Comment.set('content', this.data.inputValue);
+        if(this.data.checked){
+            Comment.set('location', this.data.address);
+        }
         try {
             if(this.data.fileList.length==0&& !this.data.inputValue){
                 console.log('新数据保存失败');
@@ -190,11 +195,68 @@ Page({
     async goback(){
         if(!this.data.saveimage){
             let pages = getCurrentPages(); //页面对象
+            console.log(pages);
             let prevpage = pages[pages.length - 2]; //上一个页面对象
+            console.log(prevpage);
             await prevpage.updateCom()
         }
         wx.navigateBack({
             delta: 1
         });
-    }
+    },
+    //选择展示当前位置
+    onChange(event) {
+        this.setData({
+          checked: event.detail,
+        });
+        console.log(this.data.checked);
+        this.Getlocation()
+      },
+      //获取当前位置
+      Getlocation() {
+        // 获取当前位置信息
+        wx.getLocation({
+            type: 'wgs84',
+            success: (res) => {
+                const {
+                    latitude,
+                    longitude
+                } = res;
+                //调用api解析地址
+                wx.request({
+                    url: 'https://api.map.baidu.com/reverse_geocoding/v3/?ak=sHZTomd7grslfP7sPKB8tRgT49FK9TEu&output=json&coordtype=gcj02&location=' + latitude + ',' + longitude,
+                    data: {},
+                    header: {
+                        'Content-Type': 'application/json'
+                    },
+                    success: (ops) => { // 使用箭头函数
+                        console.log(ops);
+                        // const address = ops.data.result.formatted_address;//详细地址
+                        const address = ops.data.result.formatted_address;
+                        this.setData({
+                            address: address,
+                        });
+                        console.log(this.data.address);
+                    },
+                    fail: function (resq) {
+                        wx.showModal({
+                            title: '信息提示',
+                            content: '请求失败',
+                            showCancel: false,
+                            confirmColor: '#f37938'
+                        });
+                    },
+                    complete: function () {}
+                })
+
+            },
+            fail: (err) => {
+                console.error(err);
+                wx.showToast({
+                    title: '获取位置失败',
+                    icon: 'none'
+                });
+            }
+        });
+    },
 })

nova-werun/pages/circle/send-circle/index.json

@@ -1,6 +1,8 @@
 {
   "usingComponents": {
     "van-field": "@vant/weapp/field/index",
-    "van-uploader": "@vant/weapp/uploader/index"
+    "van-uploader": "@vant/weapp/uploader/index",
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index"
   }
 }

nova-werun/pages/circle/send-circle/index.less

@@ -36,4 +36,8 @@
         margin-bottom: 40rpx;
         margin-top: 20rpx;
     }
+    .clickbox{
+        margin-top: 60rpx;
+        width: 100%;
+    }
 }

nova-werun/pages/circle/send-circle/index.wxml

@@ -1,9 +1,15 @@
 <!--nova-werun/pages/send-circle/index.wxml-->
-<nav type="back"  background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
+<nav type="back" background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
     <view class="{{fileList.length==0&&!inputValue?'send2':'send'}}" bindtap="send">发送</view>
     <view class="text">
-        <textarea placeholder="输入内容" class="textarea" style="height: {{textareaHeight}}rpx;"  maxlength='300' 	auto-height='true' bindinput="onInput" value="{{inputValue}}"></textarea>
+        <textarea placeholder="输入内容" class="textarea" style="height: {{textareaHeight}}rpx;" maxlength='300' auto-height='true' bindinput="onInput" value="{{inputValue}}"></textarea>
     </view>
-    <upload style="width: 50%;" bind:onChangeFile="picture"  fileList="{{fileList}}" uploadURL="{{uploadURL}}" domain="{{domain}}" uptokenURL="{{uptokenURL}}" maxCount="12" />
+    <upload style="width: 50%;" bind:onChangeFile="picture" fileList="{{fileList}}" uploadURL="{{uploadURL}}" domain="{{domain}}" uptokenURL="{{uptokenURL}}" maxCount="12" />
+    <view class="clickbox">
+        <van-checkbox value="{{ checked }}" checked-color="#1ed01e" bind:change="onChange">
+            实现展示所在位置
+        </van-checkbox>
+    </view>
+
 </view>

nova-werun/pages/circle/send-circle/index.wxss

@@ -1 +1 @@
-.all{width:100vw;padding-top:10rpx;padding-left:20rpx;padding-right:20rpx}.all .send{margin-left:auto;width:100rpx;height:50rpx;font-size:30rpx;color:white;background-color:#1ed01e;border-radius:10rpx;margin-right:20rpx ;display:flex;justify-content:center;align-items:center}.all .send2{margin-left:auto;width:100rpx;height:50rpx;font-size:30rpx;color:gray;background-color:#e6e6e6;border-radius:10rpx;margin-right:20rpx ;display:flex;justify-content:center;align-items:center}.all .textarea{width:100%;font-size:32rpx;margin-bottom:40rpx;margin-top:20rpx}
+.all{width:100vw;padding-top:10rpx;padding-left:20rpx;padding-right:20rpx}.all .send{margin-left:auto;width:100rpx;height:50rpx;font-size:30rpx;color:white;background-color:#1ed01e;border-radius:10rpx;margin-right:20rpx ;display:flex;justify-content:center;align-items:center}.all .send2{margin-left:auto;width:100rpx;height:50rpx;font-size:30rpx;color:gray;background-color:#e6e6e6;border-radius:10rpx;margin-right:20rpx ;display:flex;justify-content:center;align-items:center}.all .textarea{width:100%;font-size:32rpx;margin-bottom:40rpx;margin-top:20rpx}.all .clickbox{margin-top:60rpx;width:100%}