```
<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 || &#
39;0&#
39; }}单
</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中一个常被忽视的细节：元素的padding和margin属性如何根据父元素的宽度进行计算，而非高度。这揭示了网页布局中一个微妙而关键的规则。
扫一扫
796
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
