```
<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中margin-top、padding-top等属性在设置为百分比时的计算方式，指出这些百分比值实际上是相对于最近父级块级元素的宽度进行计算的，并解释了为何选择这样的计算方式。
扫一扫
796
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
