```
<div
style=" float: left; width: 50%; height: 500px;background
-color: white;border
-radius: 10px ;
margin-top: 10px ">
<div
style="width: 5px;height: 25px;background
-color: #1f78ff;
margin-top: 22px;
margin-left: 10px;border
-radius: 10px;float: left">
</div>
<div style="float: left;
margin-left: 10px;
margin-top: 20px;font
-size: 20px;font
-weight: bold">
今日有效单量：{{ userinfo.today_order || '0' }}单
</div>
<div style="float: right;font
-size: 14px;color: gray;
padding-top: 20px;
padding-right: 20px">更新
时间：{{
userinfo.nowtime }}
<button @click="showdrawer" type="primary"
style="color: rgb(64,158,255);background
-color: white;border: none">数据表格 ></button>
</div>
<div style="clear: both"></div>
<div style="float: left;
margin-left: 8px;
margin-top: 10px">
日期A：<span style="color: rgb(64,158,255);font
-weight: bold">{{ this.totalBa }}</span>单
日期B：<span style="color: rgb(64,158,255);font
-weight: bold">{{ this.totalAa }}</span>单
升幅： <span style="font
-weight: bold">{{ this.totalBa
- this.totalAa }}</span>单</div>
<div style="clear: both"></div>
<div style="float: left;
margin-left: 8px;
padding-top: 20px">
对比日期A:
</div>
<div style="clear: both"></div>
<div style="float: left;
margin-left: 106px;
margin-top:
-26px">
<el
-date
-picker value
-format="yyyy
-MM
-dd" style="width: 140px;" v
-model="timeA" type="date" @change="getOrderChart"
placeholder="选择日期">
</el
-date
-picker>
</div>
<div style="clear: both"></div>
<div style="float: left;
margin-left: 260px;
margin-top:
-32px">
对比日期B:
</div>
<div style="clear: both"></div>
<div style="float: left;
margin-left: 360px;
margin-top:
-36px">
<el
-date
-picker value
-format="yyyy
-MM
-dd" style="width: 150px;" v
-model="timeB" type="date" @change="getOrderChart"
placeholder="选择日期">
</el
-date
-picker>
</div>
<div style="
margin-top:
-36px;float: right;
margin-right: 150px">
<el
-select style="width: 120px" v
-model="current_time" placeholder="当前对比" @change="getOrderChart">
<el
-option v
-for="item in option_time" :label=item.label :value="item.value">
</el
-option>
</el
-select>
</div>
</div>
<div style="clear: both"></div>
<div
style="background
-color: #FFFFFF;float: right;sborder
-radius: 10px;
margin-top:
-29%;width: 30%">
<div
style="width: 5px;height: 25px;background
-color: #1f78ff;
margin-top: 32px;
margin-left: 10px;border
-radius: 10px;float: left">
</div>
<div style="float: left;
margin-left: 10px;
margin-top: 30px;font
-size: 20px;font
-weight: bold">
我的寄件数量
</div>
<div style="clear: both"></div>
<div style="float: left;
margin-top: 20px;font
-size: 14px;color: gray;
padding-left: 10px">
更新
时间：{{ userinfo.nowtime }}
</div>
<div style="clear: both"></div>
<div ref="chinaMap" style="width: 600px; height: 400px;background
-color: white">
</div>
<div style="clear: both"></div>
<div style="float: right;
margin-top:
-470px;
margin-right: 30px">
<el
-radio
-group v
-model="radio1">
<el
-radio
-button label="今日"></el
-radio
-button>
<el
-radio
-button label="昨日"></el
-radio
-button>
<el
-radio
-button label="本周"></el
-radio
-button>
</el
-radio
-group>
</div>
</div>```<div style="
margin-top:
-36px;float: right;
margin-right: 150px">
<el
-select style="width: 120px" v
-model="current_time" placeholder="当前对比" @change="getOrderChart">
<el
-option v
-for="item in option_time" :label=item.label :value="item.value">
</el
-option>
</el
-select>
</div> <div
style="background
-color: #FFFFFF;float: right;sborder
-radius: 10px;
margin-top:
-29%;width: 30%">窗口缩小后这俩块地方位置错乱，要求在我的代码基础上改动
本文深入探讨了CSS中百分比布局的使用原则，包括不同属性如何参照父元素的宽度、高度和其他属性进行调整，以及相对定位和绝对定位时top、bottom、left、right属性的参照基点变化。
扫一扫
796
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
