css

src/project/pingchang/AppCommunityManagement/Statistics.vue

@@ -4,13 +4,13 @@
       <img src="./components/img/header.png" alt="" />
       <div class="content-info">
         <div class="title">
-          <div>
+          <div class="time-select">
             <span v-if="beginDate" @click="showDateSelect=true">{{ beginDate }} 至 {{ endDate }}</span>
             <span v-else @click="showDateSelect=true">日期选择</span>
             <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px"  v-if="!beginDate" @click="showDateSelect=true"/>
             <u-icon name="close-circle" color="#666" size="34" style="margin-left: 4px"  v-else @click="clearDate" />
           </div>
-          <div style="width:calc(100% - 200px);text-align: right;">
+          <div class="area-select">
             <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666" selectRoot>
               <span v-if="areaName" class="area-name">{{ areaName }}</span>
               <span v-else>地区选择</span>
@@ -231,6 +231,13 @@ export default {
         display: flex;
         justify-content: space-between;
         padding: 32px;
+        .time-select{
+          width: 400px;
+        }
+        .area-select {
+          width: calc(100% - 400px);
+          text-align: right;
+        }
         h2 {
           font-size: 36px;
           font-family: PingFang-SC-Heavy, PingFang-SC;