pages/reported/reported.vue
@@ -1,7 +1,16 @@
<template>
   <view class="policeDetails">
      <!-- 自定义顶部导航栏 -->
      <navBarTop :title="'我要报'"></navBarTop>
      <!-- <navBarTop :title="'我要报'"></navBarTop> -->
      <uni-nav-bar  class="uni-nav-bar-info" :fixed="true"  :status-bar="true" >
         <view class="title" slot="default">{{title}}</view>
         <view slot="left" class="uni-nav-bar-left" @click="goBack()">
            <image :src="backImage"></image>
         </view>
         <view class="right" slot="right">
            <view class="title-right">历史上报</view>
         </view>
      </uni-nav-bar>
      <view class="row address">
         <view class="title">地址</view>
         <input v-model="place" placeholder="请输入地址"/>
@@ -50,10 +59,18 @@
            result:'',
            place:"",
            imgs: [],
            videos: []
            videos: [],
            title:'事件上报',
            backImage:'../../static/images/nav/back02.png'
         }
      },
      methods: {
         //返回上一页
         goBack(){
            uni.navigateBack({
            })
         },
         //日期选择
         stimeChange(e) {
             // this.stime = e.substr(0,e.length-3);
@@ -216,6 +233,46 @@
</script>
<style lang="scss">
   .uni-nav-bar-info {
      // font-weight: 550;
      .title{
         position: fixed;
         right: 42%;
         font-weight: 550;
         letter-spacing: 1px;
      }
      .uni-nav-bar-left{
         display: flex;
         justify-items: center;
         image{
            // background-color: #00BFFF;
            margin-left: 1rem;
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 100px;
         }
      }
      .right{
         display: flex;
         .title-right{
            position: relative;
            font-size: 0.7rem;
            color: #808080;
            right: 0.5rem;
            top: 0.2rem;
         }
      }
   }
   .policeDetails {
      width: 92%;
      margin: 0 auto;