anyv / xkeasy · 提交

转到一个项目

作者 王晓刚
提交 8d7f8d0fbc8a5e01722ac2bcc1f4ee1042cb9fd7 2 个父辈 d29ae02c fa959751
1 个管道 的构建 通过 耗费 1 秒

合并分支 'wangxiaogang' 到 'master' 

Wangxiaogang



查看合并请求 !121
内嵌 并排对比
正在显示 2 个修改的文件 包含 169 行增加 和 115 行删除
... ... @@ -19,7 +19,8 @@
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
}
.take_one{
.take_one {
margin-top: 0.3rem;
width: 1.6rem;
height: 0.48rem;
... ... @@ -64,7 +65,8 @@
border-left: none;
border-right: none
}
.get_Go{
.get_Go {
height: 0.36rem;
margin: 0.08rem;
font-size: 0.24rem;
... ... @@ -77,6 +79,7 @@
border-left: none;
border-right: none;
}
.mui-poppicker-header,
.mui-picker {
background-color: white;
... ... @@ -92,10 +95,12 @@
.mui-pciker-list li.highlight {
color: #FF7700;
}
.mui-dtpicker-header,.mui-dtpicker-title h5{
.mui-dtpicker-header, .mui-dtpicker-title h5 {
background-color: white;
}
.dingdan_lianxi_ren{
.dingdan_lianxi_ren {
font-size: 0.28rem;
cursor: pointer;
font-family: PingFang SC;
... ... @@ -103,22 +108,27 @@
color: rgba(102, 102, 102, 1);
opacity: 1;
}
.dingdan_detail{
padding-top: 0.22rem;
}
.dingdan_detail_hao{
/*.dingdan_detail {*/
/*padding-top: 0.22rem;*/
/*}*/
.dingdan_detail_hao {
font-size: 0.28rem;
cursor: pointer;
font-family: PingFang SC;
font-weight: 400;
color: rgba(102, 102, 102, 1);
opacity: 1;
margin-top:0.2rem;
}
.right_dingdan{
.right_dingdan {
width: 5.6rem;
margin-left: 0.2rem;
}
.right_dingdan_top{
.right_dingdan_top {
display: flex;
justify-content: space-between;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
... ... @@ -135,17 +145,20 @@
-moz-box-align-items: center;
-ms-flexbox-align-items: center;
}
.right_dingdan_center{
.right_dingdan_center {
text-align: right;
}
.right_dingdan_one{
.right_dingdan_one {
font-size: 0.26rem;
cursor: pointer;
font-weight: 400;
color: rgba(51, 51, 51, 1);
opacity: 1;
}
.right_dingdan_two{
.right_dingdan_two {
font-size: 0.34rem;
font-weight: 400;
cursor: pointer;
... ... @@ -153,7 +166,8 @@
color: rgba(51, 51, 51, 1);
opacity: 1;
}
.shuju_zongshu{
.shuju_zongshu {
padding-left: 0.4rem;
font-size: 0.28rem;
font-weight: 600;
... ... @@ -313,14 +327,14 @@
</div>
<!-- 下拉框 -->
<div class="log_three_select">
<!-- <div class="log_three_select_one log_three_select_school" style="cursor: pointer">
<div class="log_three_select_title log_three_select_school2">
请选择学校/班级
</div>
<div class="log_three_select_img">
<img src="__TMPL__/public/assets/images/75.png" alt=""/>
</div>
</div>-->
<!-- <div class="log_three_select_one log_three_select_school" style="cursor: pointer">
<div class="log_three_select_title log_three_select_school2">
请选择学校/班级
</div>
<div class="log_three_select_img">
<img src="__TMPL__/public/assets/images/75.png" alt=""/>
</div>
</div>-->
<div class="log_three_select_one log_three_select_school">
... ... @@ -328,7 +342,7 @@
请选择学校
</div>
<!--<div class="log_three_select_img">-->
<!--<img src="__TMPL__/public/assets/images/75.png" alt="" />-->
<!--<img src="__TMPL__/public/assets/images/75.png" alt="" />-->
<!--</div>-->
</div>
<div class="log_three_select_one log_three_select_school">
... ... @@ -336,7 +350,7 @@
请选择班级
</div>
<!--<div class="log_three_select_img">-->
<!--<img src="__TMPL__/public/assets/images/75.png" alt="" />-->
<!--<img src="__TMPL__/public/assets/images/75.png" alt="" />-->
<!--</div>-->
</div>
... ... @@ -346,7 +360,7 @@
统一配送
</div>
<!--<div class="log_three_select_img">-->
<!--<img src="__TMPL__/public/assets/images/75.png" alt=""/>-->
<!--<img src="__TMPL__/public/assets/images/75.png" alt=""/>-->
<!--</div>-->
</div>
<div class="log_three_select_one log_three_select_btn search">
... ... @@ -356,7 +370,7 @@
<input type="hidden" id="grade" value=""/>
<input type="hidden" id="is_courier" value="1"/>
</div>
<div class="shuju_zongshu">搜索结果为20条</div>
<div class="shuju_zongshu">搜索结果为<span class="count">{:count($data)}</span>条</div>
<!-- 列表内容 -->
<div>
<!--未发货-->
... ... @@ -393,39 +407,43 @@
</div>
</div>
<a href="{:url('get_one',array('id'=>$vo['id']))}">
<div class="dingdan_detail_top">
<div class="dingdan_detail_hao">订单号：{$vo.order_number}</div>
</div>
<foreach name="$vo.indent_goods" item="i_g">
<div class="dingdan_detail">
<div class="dingdan_detail_top">
<div class="dingdan_detail_hao">订单号：{$vo.order_number}</div>
<div class="dingdan_lianxi_ren">联系人：{$vo.name}</div>
</div>
<div class="log_three_list_center" style="display: flex;justify-content: flex-start;">
<div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt="" style="width: 100%;height: 100%;"/>
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""
style="width: 100%;height: 100%;"/>
</div>
<!--<div class="log_three_list_center_right" style="margin-left: 0.16rem;width: 5.6rem">-->
<!--<div class="log_three_center_one">-->
<!--{$i_g.book_name}-->
<!--</div>-->
<!--<div class="right_dingdan_money">-->
<!--<div class="log_three_center_three"><span>￥</span>{$i_g.price}</div>-->
<!--<div class="log_three_center_two">×{$i_g.number}</div>-->
<!--</div>-->
<!--<div class="log_three_center_one">-->
<!--{$i_g.book_name}-->
<!--</div>-->
<!--<div class="right_dingdan_money">-->
<!--<div class="log_three_center_three"><span>￥</span>{$i_g.price}</div>-->
<!--<div class="log_three_center_two">×{$i_g.number}</div>-->
<!--</div>-->
<!--</div>-->
<div class="right_dingdan">
<div class="right_dingdan_top">
<div class="right_dingdan_one">{$i_g.book_name}</div>
<div class="right_dingdan_two">￥{$i_g.price}</div>
</div>
<div class="right_dingdan_center">
<div class="right_dindan_three right_dingdan_one">x{$i_g.number}</div>
</div>
<div class="right_dingdan_center">
<div class="right_dindan_three right_dingdan_one">x{$i_g.number}</div>
</div>
<div class="right_dingdan_four right_dingdan_one">地址：{$vo.school} {$vo.grade} {$vo.class}</div>
<div class="right_dingdan_four right_dingdan_one" style="margin-top: -0.05rem;">联系电话：{$vo.phone}</div>
<div class="right_dingdan_four right_dingdan_one">地址：{$vo.school} {$vo.grade}
{$vo.class}
</div>
<div class="right_dingdan_four right_dingdan_one" style="margin-top: -0.05rem;">
{$vo.name}电话：{$vo.phone}
</div>
</div>
</div>
</div>
</foreach>
</a>
<!-- 立即发货 -->
... ... @@ -448,7 +466,7 @@
</if>
<elseif condition="$vo.state eq 3"/>
<!--<div class="log_three_bottom" data-indent-id="{$vo.id}">-->
<!--已完成啦-->
<!--已完成啦-->
<!--</div>-->
</if>
</div>
... ... @@ -496,8 +514,9 @@
<a href="{:url('get_one',array('id'=>$vo['id']))}">
<foreach name="$vo.indent_goods" item="i_g">
<div class="log_three_list_center" style="display: flex;justify-content: flex-start;">
<div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt="" style="width: 100%;height: 100%;"/>
<div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""
style="width: 100%;height: 100%;"/>
</div>
<div class="log_three_list_center_right" style="margin-left: 0.16rem;">
<div class="log_three_center_one">
... ... @@ -522,14 +541,14 @@
查看物流
</div>
</a>
<else />
<else/>
<div class="take_one" data-indent-id="{$vo.id}">
完成
</div>
</if>
<elseif condition="$vo.state eq 3"/>
<!--<div class="log_three_bottom" data-indent-id="{$vo.id}">-->
<!--已完成啦-->
<!--已完成啦-->
<!--</div>-->
</if>
</div>
... ... @@ -577,7 +596,8 @@
<foreach name="$vo.indent_goods" item="i_g">
<div class="log_three_list_center" style="display: flex;justify-content: flex-start;">
<div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem">
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt="" style="width: 100%;height: 100%;"/>
<img src="{:cmf_get_image_url($i_g.thumbnail)}" alt=""
style="width: 100%;height: 100%;"/>
</div>
<div class="log_three_list_center_right" style="margin-left: 0.16rem;">
<div class="log_three_center_one">
... ... @@ -608,7 +628,7 @@
</if>
<elseif condition="$vo.state eq 3"/>
<!--<div class="log_three_bottom" data-indent-id="{$vo.id}">-->
<!--已完成啦-->
<!--已完成啦-->
<!--</div>-->
</if>
</div>
... ... @@ -646,27 +666,29 @@
var classpicker = new mui.PopPicker();
var class_arr = '';
zujian();
function zujian(data_class_arr){
(function($, doc) {
function zujian(data_class_arr) {
(function ($, doc) {
$.init();
school_arr = {$school};
console.log(data_class_arr,'dfdfds');
$.ready(function() {
console.log(data_class_arr, 'dfdfds');
$.ready(function () {
schoolpicker.setData(school_arr);
classpicker.setData(data_class_arr);
});
})(mui, document);
}
var school_name;
$(".log_three_select_school2").click(function() {
schoolpicker.show(function(e) {
$(".log_three_select_school2").click(function () {
schoolpicker.show(function (e) {
school_name = e[0].value;
school_names = e[0].text;
$('#school').val(school_names);
$(".log_three_select_school2").text(e[0].text);
$('.log_three_select_school2').css('color', '#333333');
$.post("{:url('Personalcenter/get_grade_class')}",{id:school_name},function(data){
if(data){
$.post("{:url('Personalcenter/get_grade_class')}", {id: school_name}, function (data) {
if (data) {
data = JSON.parse(data);
zujian(data);
}
... ... @@ -675,10 +697,10 @@
});
})
$(".log_three_select_class2").click(function() {
if(school_name != undefined) {
classpicker.show(function(e) {
class_name=e[0].text;
$(".log_three_select_class2").click(function () {
if (school_name != undefined) {
classpicker.show(function (e) {
class_name = e[0].text;
$('#grade').val(class_name);
$(".log_three_select_class2").text(e[0].text);
$('.log_three_select_class2').css('color', '#333333');
... ... @@ -692,18 +714,19 @@
function zZFun(e) {
window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
}
// 选择学校
// $(".three_model_school_left").click(function () {
// var indexs = $(this).index();
// $(".three_model_school_data").eq(indexs).css("display", "block").siblings().css("display", "none");
// });
// $(".three_model_school_left").click(function () {
// var indexs = $(this).index();
// $(".three_model_school_data").eq(indexs).css("display", "block").siblings().css("display", "none");
// });
$(".log_three_tab_one").click(function () {
var tabIndex = $(this).index();
$(this).addClass("log_three_tab_two").addClass("word_color").addClass('aaa').siblings().removeClass("log_three_tab_two").removeClass("word_color").removeClass("aaa");
$('.log_three_list_contant').eq(tabIndex).css('display', 'block').siblings().css('display', 'none');
search();
$('.log_three_fixed_left_one img').attr('src',"__TMPL__/public/assets/images/fangkuang.png")
$('.log_three_fixed_left_one img').attr('src', "__TMPL__/public/assets/images/fangkuang.png")
});
$(".three_model_school_tab>div").click(function () {
$(this).addClass("three_model_school_hover").addClass("word_color").addClass('aaa').siblings().removeClass("three_model_school_hover").removeClass("word_color").removeClass("aaa");
... ... @@ -718,23 +741,25 @@
//判断订单是否全选了
check();
});
function check(){
function check() {
var index = $(".log_three_tab_top .log_three_tab_one").index($('.aaa'));
var length = $(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').length;
var l = 0;
for(var n=0;n<length;n++){
for (var n = 0; n < length; n++) {
console.log($(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').eq(n).attr('src'));
if($(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').eq(n).attr('src') == "__TMPL__/public/assets/images/xuanzhong (1).png"){
if ($(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').eq(n).attr('src') == "__TMPL__/public/assets/images/xuanzhong (1).png") {
l++
}
}
console.log('@@@@@'+l+'@@@@@'+length);
if(l == length){
$('.log_three_fixed_left_one img').attr('src',"__TMPL__/public/assets/images/xuanzhong (1).png")
}else{
$('.log_three_fixed_left_one img').attr('src',"__TMPL__/public/assets/images/fangkuang.png")
console.log('@@@@@' + l + '@@@@@' + length);
if (l == length) {
$('.log_three_fixed_left_one img').attr('src', "__TMPL__/public/assets/images/xuanzhong (1).png")
} else {
$('.log_three_fixed_left_one img').attr('src', "__TMPL__/public/assets/images/fangkuang.png")
}
}
$(".log_three_fixed_left_one").click(function () {
if (
$(this)
... ... @@ -834,9 +859,10 @@
console.log(data);
if (data.code == 1) {
var result = data.data;
if(result == 0){
console.log(result);
if (result == 0) {
var html = "<div style=\"text-align: center;width: 100%;height:100%;margin:0 auto;\">暂无数据</div>";
}else{
} else {
var html = '';
}
for (var i = 0; i < result.length; i++) {
... ... @@ -860,7 +886,7 @@
"\t\t\t\t\t\t\t\t\t\t\t</div></div>\n" +
"\t\t\t\t\t\t\t\t\t\t</a>";
} else {
var html_bottom = "<div class=\"take_one\" data-indent-id=\""+result[i].id+"\">\n" +
var html_bottom = "<div class=\"take_one\" data-indent-id=\"" + result[i].id + "\">\n" +
" 完成\n" +
" </div>";
}
... ... @@ -871,25 +897,49 @@
var indent_goods_data = result[i].indent_goods;
var indent_goods_html = '';
for (var i3 = 0; i3 < indent_goods_data.length; i3++) {
indent_goods_html += "<div class=\"log_three_list_center\" style=\"display: flex;justify-content: flex-start;\">\n" +
" <div class=\"log_three_list_center_left\" style=\"width: 1.44rem;height:1.44rem\">\n" +
" <img src=\"" + indent_goods_data[i3].thumbnail + "\" alt=\"\" style=\"width: 100%;height: 100%;\"/>\n" +
" </div>\n" +
" <div class=\"log_three_list_center_right\" style=\"margin-left: 0.16rem;\">\n" +
" <div class=\"log_three_center_one\">\n" +
" " + indent_goods_data[i3].book_name + "\n" +
// indent_goods_html += "<div class=\"log_three_list_center\" style=\"display: flex;justify-content: flex-start;\">\n" +
// " <div class=\"log_three_list_center_left\" style=\"width: 1.44rem;height:1.44rem\">\n" +
// " <img src=\"" + indent_goods_data[i3].thumbnail + "\" alt=\"\" style=\"width: 100%;height: 100%;\"/>\n" +
// " </div>\n" +
// " <div class=\"log_three_list_center_right\" style=\"margin-left: 0.16rem;\">\n" +
// " <div class=\"log_three_center_one\">\n" +
// " " + indent_goods_data[i3].book_name + "\n" +
// " </div>\n" +
// " <div class=\"log_three_center_two\">×" + indent_goods_data[i3].number + "</div>\n" +
// " <div class=\"log_three_center_three\"><span>￥</span>" + indent_goods_data[i3].price + "</div>\n" +
// " </div>\n" +
// " </div>";
indent_goods_html += "<div class=\"dingdan_detail\">\n" +
" <div class=\"log_three_list_center\" style=\"display: flex;justify-content: flex-start;\">\n" +
" <div class=\"log_three_list_center_left\" style=\"width: 1.44rem;height:1.44rem\">\n" +
" <img src=\""+indent_goods_data[i3].thumbnail+"\" alt=\"\"\n" +
" style=\"width: 100%;height: 100%;\"/>\n" +
" </div>\n" +
" <div class=\"right_dingdan\">\n" +
" <div class=\"right_dingdan_top\">\n" +
" <div class=\"right_dingdan_one\">"+indent_goods_data[i3].book_name+"</div>\n" +
" <div class=\"right_dingdan_two\">￥"+indent_goods_data[i3].price+"</div>\n" +
" </div>\n" +
" <div class=\"right_dingdan_center\">\n" +
" <div class=\"right_dindan_three right_dingdan_one\">x"+indent_goods_data[i3].number+"</div>\n" +
" </div>\n" +
"\n" +
" <div class=\"right_dingdan_four right_dingdan_one\">地址："+result[i].school+" "+result[i].grade+"\n" +
" "+result[i].class+"\n" +
" </div>\n" +
" <div class=\"right_dingdan_four right_dingdan_one\" style=\"margin-top: -0.05rem;\">\n" +
" "+result[i].name+"电话："+result[i].phone+"\n" +
" </div>\n" +
" </div>\n" +
" </div>\n" +
" <div class=\"log_three_center_two\">×" + indent_goods_data[i3].number + "</div>\n" +
" <div class=\"log_three_center_three\"><span>￥</span>" + indent_goods_data[i3].price + "</div>\n" +
" </div>\n" +
" </div>";
" </div>";
}
if (is_courier == 1) {
html += "<div class=\"log_three_list order_" + result[i].id + "\">\n" +
"\t\t\t\t\t\t\t<div class=\"log_three_list_top\">\n" +
"\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_left\">\n" +
"\t\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_lo\">\n" +
"\t\t\t\t\t\t\t\t\t\t<img src=\"__TMPL__/public/assets/images/fangkuang.png\" data-indent-id=\""+result[i].id+"\" alt=\"\" />\n" +
"\t\t\t\t\t\t\t\t\t\t<img src=\"__TMPL__/public/assets/images/fangkuang.png\" data-indent-id=\"" + result[i].id + "\" alt=\"\" />\n" +
"\t\t\t\t\t\t\t\t\t</div>\n" +
"\t\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_lt\">\n" +
"\t\t\t\t\t\t\t\t\t\t<div class=\"log_three_zhongbiao\">\n" +
... ... @@ -903,7 +953,9 @@
"\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_right\">\n" +
"\t\t\t\t\t\t\t\t\t\t" + state + "\n" +
"\t\t\t\t\t\t\t\t</div>\n" +
"\t\t\t\t\t\t\t</div><a href=\"{:url('get_one','',false,true)}/id/"+result[i].id+"\">\n" + indent_goods_html +"</a>"+
"\t\t\t\t\t\t\t</div><a href=\"{:url('get_one','',false,true)}/id/" + result[i].id + "\"><div class=\"dingdan_detail_top\">\n" +
" <div class=\"dingdan_detail_hao\">订单号："+result[i].order_number+"</div>\n" +
" </div>\n" + indent_goods_html + "</a>" +
"\t\t\t\t\t\t<div class=\"log_three_bottom_btn\">" + html_bottom + "</div></div>";
} else if (is_courier == 2) {
html += "<div class=\"log_three_list order_" + result[i].id + "\">\n" +
... ... @@ -924,11 +976,13 @@
"\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_right\">\n" +
"\t\t\t\t\t\t\t\t\t\t" + state + "\n" +
"\t\t\t\t\t\t\t\t</div>\n" +
"\t\t\t\t\t\t\t</div><a href=\"{:url('get_one','',false,true)}/id/"+result[i].id+"\">\n" + indent_goods_html +"</a>"+
"\t\t\t\t\t\t\t</div><a href=\"{:url('get_one','',false,true)}/id/" + result[i].id + "\"><div class=\"dingdan_detail_top\">\n" +
" <div class=\"dingdan_detail_hao\">订单号："+result[i].order_number+"</div>\n" +
" </div>\n" + indent_goods_html + "</a>" +
"\t\t\t\t\t\t<div class=\"log_three_bottom_btn\">" + html_bottom + "</div></div>";
}
}
$('.count').html(i);
$('.log_three_list_contant').eq(index).html(html);
update();
} else {
... ... @@ -1048,7 +1102,7 @@
});
$('body').on('click', '.unify_all', function () {
var index = $(".log_three_tab_top .log_three_tab_one").index($('.aaa'));
var length = $(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').length-1;
var length = $(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').length - 1;
var arr = [];
for (var i = 0; i <= length; i++) {
if ($('.log_three_list_top_lo img').eq(i).attr('src') == "__TMPL__/public/assets/images/xuanzhong (1).png") {
... ... @@ -1058,15 +1112,15 @@
$('.confirm2').attr('data-indent-id', arr.join(","));
var type = $('.unify_all').attr('data-type');
if (arr.length != 0) {
if(type == 1){
if (type == 1) {
$.ajax({
url:"{:url('take_all')}",
type:"GET",
data:{'indent_ids':arr.join(",")},
success: function(res){
url: "{:url('take_all')}",
type: "GET",
data: {'indent_ids': arr.join(",")},
success: function (res) {
if (res.code == 1) {
$(arr).each(function(i,vo){
$('.order_'+vo).remove();
$(arr).each(function (i, vo) {
$('.order_' + vo).remove();
})
alert('操作成功')
} else {
... ... @@ -1074,7 +1128,7 @@
}
}
})
}else{
} else {
$('.tx_masktwo').show();
}
} else {
... ... @@ -1108,17 +1162,17 @@
});
update();
$('body').on('click','.take_one',function(){
$('body').on('click', '.take_one', function () {
var indent_id = $(this).attr('data-indent-id');
$.ajax({
url:"{:url('take_one')}",
type:"GET",
data:{'indent_id':indent_id},
success:function(res){
if(res.code == 1){
$('.order_'+indent_id).remove();
url: "{:url('take_one')}",
type: "GET",
data: {'indent_id': indent_id},
success: function (res) {
if (res.code == 1) {
$('.order_' + indent_id).remove();
alert('操作成功')
}else{
} else {
alert(res.msg)
}
}
... ... @@ -1132,12 +1186,12 @@
if (is_courier == 1 && index == 0) {
$('.log_three_list_fixed').show();
$('.unify_all').text('统一发货');
$('.unify_all').attr('data-type','')
$('.unify_all').attr('data-type', '')
} else if (is_courier == 2 || (index != 0 && index != 1)) {
$('.log_three_list_fixed').hide();
} else if(index == 1){
} else if (index == 1) {
$('.unify_all').text('统一完成');
$('.unify_all').attr('data-type',1)
$('.unify_all').attr('data-type', 1)
}
}
</script>
... ...
... ... @@ -932,7 +932,7 @@ cursor: pointer;
}
.log_three_list_center {
margin-top: 0.32rem;
margin-top: 0.2rem;
display: flex;
justify-content: space-between;
cursor: pointer;
... ...