wanghongjun
2 years ago
147 changed files with 17568 additions and 0 deletions
@ -0,0 +1,288 @@ |
|||
/****************************************** 配送商品组样式 ************************************************************/ |
|||
/*公共样式*/ |
|||
.citydelivery_style_1{ |
|||
border: 1px solid #EEEEEE; |
|||
display: inline-block; |
|||
margin-right: 5px; |
|||
width: calc((100% - 18px) / 3); |
|||
margin-top: 5px; |
|||
border-radius: 10px; |
|||
overflow: hidden; |
|||
} |
|||
.citydelivery_style_1:nth-child(3n){ |
|||
margin-right: 0; |
|||
} |
|||
.citydelivery_style_1 .img{ |
|||
width: 100%; |
|||
height: 100vh; |
|||
zoom: 0.1; |
|||
} |
|||
.citydelivery_style_1 .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.citydelivery_style_1 .info{ |
|||
padding: 5px; |
|||
} |
|||
.citydelivery_style_1 .info .name{ |
|||
height: 25px; |
|||
line-height: 25px; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
font-size: 14px; |
|||
font-weight: 600; |
|||
} |
|||
.citydelivery_style_1 .info .sales{ |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 12px; |
|||
color: #C5C5C5; |
|||
} |
|||
.citydelivery_style_1 .info .purchase{ |
|||
height: 20px; |
|||
line-height: 28px; |
|||
} |
|||
.citydelivery_style_1 .info .purchase .price{ |
|||
height: 100%; |
|||
float: left; |
|||
width: calc(100% - 20px); |
|||
color: #FF4444; |
|||
font-size: 16px; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
font-weight: 700; |
|||
} |
|||
.citydelivery_style_1 .info .purchase .price .price_icon{ |
|||
font-size: 12px; |
|||
} |
|||
.citydelivery_style_1 .info .purchase .gou{ |
|||
float: right; |
|||
width: 20px; |
|||
height: 20px; |
|||
line-height: 21px; |
|||
text-align: center; |
|||
background-color: #FF4444; |
|||
color: #FFF; |
|||
font-size: 13px; |
|||
border-radius: 5px; |
|||
} |
|||
.citydelivery_style_top{ |
|||
height: 150px; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
position: absolute; |
|||
top: 0px; |
|||
} |
|||
.citydelivery_style_top img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
position: relative; |
|||
} |
|||
.citydelivery_style_top .more{ |
|||
position: absolute; |
|||
top: 25px; |
|||
right: 10px; |
|||
font-size: 20px; |
|||
color: #FFF; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
} |
|||
.citydelivery_style_top .more i{ |
|||
height: 20px; |
|||
line-height: 20px; |
|||
margin-left: 5px; |
|||
font-size: 20px; |
|||
} |
|||
/*风格一*/ |
|||
.goods_citydelivery_1 .top{ |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 20px; |
|||
} |
|||
.goods_citydelivery_1 .top .title{ |
|||
float: left; |
|||
font-weight: 600; |
|||
} |
|||
.goods_citydelivery_1 .top .more{ |
|||
float: right; |
|||
font-size: 15px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
color: #9E9E9E; |
|||
} |
|||
.goods_citydelivery_1 .top .more i{ |
|||
font-size: 15px; |
|||
margin-left: 5px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
.goods_citydelivery_1 .goodsList{ |
|||
border: none; |
|||
} |
|||
/*风格二*/ |
|||
.goods_citydelivery_2 .goodsContent{ |
|||
justify-content: flex-start; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
position: relative; |
|||
padding-top: 75px; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList{ |
|||
position: relative; |
|||
white-space: nowrap; |
|||
padding-left: 10px; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block{ |
|||
width: calc((100% - 18px) / 3.5); |
|||
border: none; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block:nth-child(3n){ |
|||
margin-right: 5px; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block .info{ |
|||
background-color: #FFF; |
|||
border-left: 1px solid #EEEEEE; |
|||
border-bottom: 1px solid #EEEEEE; |
|||
border-right: 1px solid #EEEEEE; |
|||
border-bottom-left-radius: 10px; |
|||
border-bottom-right-radius: 10px; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block .info .purchase{ |
|||
background-color: #FFF2F2; |
|||
padding-left: 5px; |
|||
height: 25px; |
|||
line-height: 30px; |
|||
border-top-right-radius: 100px; |
|||
border-bottom-right-radius: 100px; |
|||
border-top-left-radius: 60px; |
|||
border-bottom-left-radius: 60px; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block .info .price{ |
|||
width: calc(100% - 25px); |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block .info .gou{ |
|||
border-radius: 50%; |
|||
height: 25px; |
|||
width: 25px; |
|||
font-size: 13px; |
|||
background-color: #FFF; |
|||
display: -moz-box; |
|||
-moz-box-pack: center; |
|||
-moz-box-align: center; |
|||
display: -webkit-box; |
|||
-webkit-box-pack: center; |
|||
-webkit-box-align: center; |
|||
display: box; |
|||
box-pack: center; |
|||
box-align: center; |
|||
} |
|||
.goods_citydelivery_2 .goodsContent .goodsList .block .info .gou span{ |
|||
background-color: #FF4444; |
|||
color: #FFF; |
|||
display: block; |
|||
width: 17px; |
|||
height: 17px; |
|||
line-height: 18px; |
|||
border-radius: 50%; |
|||
font-size: 12px; |
|||
} |
|||
/*风格三*/ |
|||
.goods_citydelivery_3 .goodsContent{ |
|||
overflow: hidden; |
|||
width: 100%; |
|||
position: relative; |
|||
padding-top: 75px; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList{ |
|||
position: relative; |
|||
padding-left: 10px; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block{ |
|||
padding: 10px; |
|||
border: 1px solid #EEEEEE; |
|||
background-color: #FFF; |
|||
float: left; |
|||
width: calc(100% - 10px); |
|||
margin-bottom: 10px; |
|||
border-radius: 10px; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .img{ |
|||
width: 100px; |
|||
height: 100px; |
|||
display: inline-block; |
|||
float: left; |
|||
border-radius: 10px; |
|||
overflow: hidden; |
|||
margin-right: 10px; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .info{ |
|||
width: calc(100% - 155px); |
|||
display: inline-block; |
|||
margin: 0; |
|||
padding: 0; |
|||
height: 100px; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .info .name{ |
|||
height: 40px; |
|||
line-height: 20px; |
|||
font-size: 15px; |
|||
font-weight: 600; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .info .sales{ |
|||
font-size: 12px; |
|||
height: 15px; |
|||
line-height: 15px; |
|||
color: #C5C5C5; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .info .price{ |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 20px; |
|||
color: #FF4444; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .info .price .price_icon{ |
|||
font-size: 12px; |
|||
} |
|||
.goods_citydelivery_3 .goodsContent .goodsList .block .info .gou{ |
|||
padding: 0 9px; |
|||
background-color: #FF4444; |
|||
float: left; |
|||
border-radius: 6px; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
color: #FFF; |
|||
font-size: 15px; |
|||
} |
|||
/*风格四*/ |
|||
.goods_citydelivery_4{ |
|||
white-space: nowrap; |
|||
} |
|||
.goods_citydelivery_4 .goodsList{ |
|||
width: 100%; |
|||
overflow: hidden; |
|||
height: 172px; |
|||
} |
|||
.goods_citydelivery_4 .goodsList .start_logo .img{ |
|||
zoom: 0.18; |
|||
} |
|||
.goods_citydelivery_4 .goodsList .block{ |
|||
margin-top: 0; |
|||
width: calc(100% / 3.5); |
|||
max-height: 172px; |
|||
} |
|||
.goods_citydelivery_4 .goodsList .block:nth-child(3n){ |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,180 @@ |
|||
/****************************************** 相亲交友组件样式 *************************************************************/ |
|||
/*统计*/ |
|||
.dating_statistics{ |
|||
padding: 10px; |
|||
float: left; |
|||
width: 100%; |
|||
} |
|||
.dating_statistics .block{ |
|||
float: left; |
|||
width: calc((100% - 20px) / 2); |
|||
margin: 0 5px; |
|||
border-radius: 15px; |
|||
height: 90px; |
|||
position: relative; |
|||
} |
|||
.dating_statistics .block .number{ |
|||
margin-left: 15px; |
|||
margin-top: 20px; |
|||
font-size: 25px; |
|||
font-weight: bold; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
} |
|||
.dating_statistics .block .title{ |
|||
padding-left: 15px; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 15px; |
|||
margin-top: 10px; |
|||
} |
|||
.dating_statistics .block .img{ |
|||
max-width: 35px; |
|||
max-height: 35px; |
|||
position: absolute; |
|||
right: 15px; |
|||
bottom: 15px; |
|||
} |
|||
.dating_statistics .block .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
/*会员*/ |
|||
.drag .dating_user{ |
|||
padding-bottom: 0px!important; |
|||
float: left; |
|||
width: 100%; |
|||
} |
|||
.dating_user .block{ |
|||
float: left; |
|||
width: calc((100% - 20px) / 2); |
|||
margin: 0 5px 10px 5px; |
|||
border-radius: 15px; |
|||
position: relative; |
|||
overflow: hidden; |
|||
background-color: #F8F8F8; |
|||
} |
|||
.dating_user .block .img{ |
|||
height: 190px; |
|||
width: 100%; |
|||
position: relative; |
|||
} |
|||
.dating_user .block .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.dating_user .block .img .top{ |
|||
position: absolute; |
|||
top: 10px; |
|||
left: 10px; |
|||
background: #F65D17; |
|||
border-radius: 8px; |
|||
width: 55px; |
|||
text-align: center; |
|||
height: 20px; |
|||
font-size: 13px; |
|||
line-height: 18px; |
|||
color: #FFF; |
|||
} |
|||
.dating_user .block .img .top i{ |
|||
font-size: 13px; |
|||
margin-right: 3px; |
|||
line-height: 19px; |
|||
} |
|||
.dating_user .block .img .pv{ |
|||
position: absolute; |
|||
top: 5px; |
|||
right: 10px; |
|||
color: #FFF; |
|||
font-size: 13px; |
|||
text-align: center; |
|||
} |
|||
.dating_user .block .img .pv i{ |
|||
font-size: 25px; |
|||
display: block; |
|||
line-height: 25px; |
|||
} |
|||
.dating_user .block .img .address{ |
|||
position: absolute; |
|||
right: 10px; |
|||
bottom: 10px; |
|||
background-color: #ECEBEC; |
|||
border-radius: 7px; |
|||
padding: 0 8px; |
|||
font-size: 13px; |
|||
opacity: .8; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
max-width: 80%; |
|||
} |
|||
.dating_user .block .img .address i{ |
|||
font-size: 13px; |
|||
} |
|||
.dating_user .block .info .userInfo{ |
|||
height: 35px; |
|||
line-height: 35px; |
|||
padding: 0 10px; |
|||
} |
|||
.dating_user .block .info .userInfo .name{ |
|||
font-size: 17px; |
|||
font-weight: bold; |
|||
float: left; |
|||
max-width: calc(100% - 95px); |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
.dating_user .block .info .userInfo .age{ |
|||
float: left; |
|||
height: 20px; |
|||
margin: 7px 5px 0 5px; |
|||
line-height: 19px; |
|||
font-size: 13px; |
|||
border-radius: 50px; |
|||
padding: 0 7px; |
|||
color: #FFF; |
|||
} |
|||
.dating_user .block .info .userInfo .male{ |
|||
background-color: #0084FF; |
|||
} |
|||
.dating_user .block .info .userInfo .female{ |
|||
background-color: #FE83AF; |
|||
} |
|||
.dating_user .block .info .userInfo .female i{ |
|||
transform: rotate( 30deg) skew( 0deg); |
|||
display: inline-block; |
|||
} |
|||
.dating_user .block .info .userInfo .age i{ |
|||
font-size: 13px; |
|||
} |
|||
.dating_user .block .info .userInfo .vip{ |
|||
background-color: #DCC083; |
|||
float: left; |
|||
height: 20px; |
|||
margin: 7px 0 0 0; |
|||
line-height: 21px; |
|||
font-size: 13px; |
|||
border-radius: 50px; |
|||
padding: 0 9px; |
|||
color: #FFF; |
|||
text-align: center; |
|||
} |
|||
.dating_user .block .info .vehicleHouse{ |
|||
line-height: 35px; |
|||
} |
|||
.dating_user .block .info .vehicleHouse .vehicleHouseBlock{ |
|||
float: left; |
|||
height: 20px; |
|||
background-color: #FFFFFF; |
|||
line-height: 20px; |
|||
margin-right: 5px; |
|||
border-radius: 50px; |
|||
padding: 0 5px; |
|||
font-size: 13px; |
|||
text-align: center; |
|||
margin-left: 10px; |
|||
margin-bottom: 10px; |
|||
} |
|||
.dating_user .block .info .vehicleHouse .vehicleHouseBlock i{ |
|||
font-size: 13px; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,247 @@ |
|||
/****************************************** 家政服务组样式 ************************************************************/ |
|||
/*公共样式*/ |
|||
.houseKeep .list .block .img{ |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
.houseKeep .list .block .img img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.houseKeep .list .block .img .service_type { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
background-color: #f92929; |
|||
font-size: 12px; |
|||
border-radius: 5px; |
|||
padding: 0px 5px; |
|||
color: #FFF; |
|||
opacity: .6; |
|||
} |
|||
.houseKeep .list .block .info .name { |
|||
width: 100%; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
word-break: keep-all; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.houseKeep .list .block .info .label-list { |
|||
border: none; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
width: 100%; |
|||
display: -webkit-inline-box; |
|||
} |
|||
.houseKeep .list .block .info .label-list .label-item { |
|||
background-color: #EEEEEE; |
|||
color: #A2A2A2; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
float: left; |
|||
padding: 0 5px; |
|||
margin-right: 5px; |
|||
border-radius: 5px; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
|
|||
/*风格一*/ |
|||
.houseKeep1 .top{ |
|||
height: 35px; |
|||
line-height: 35px; |
|||
font-size: 18px; |
|||
font-weight: 600; |
|||
padding: 0 10px; |
|||
} |
|||
.houseKeep1 .top .title{ |
|||
width: 70%; |
|||
float: left; |
|||
} |
|||
.houseKeep1 .top .more { |
|||
float: right; |
|||
width: 30%; |
|||
text-align: right; |
|||
font-size: 13px; |
|||
line-height: 35px; |
|||
font-weight: initial; |
|||
color: #AEAEAE; |
|||
} |
|||
.houseKeep1 .top .more i { |
|||
font-size: 13px; |
|||
} |
|||
.houseKeep1 .list { |
|||
padding: 10px 0; |
|||
border: none; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
width: 100%; |
|||
display: -webkit-inline-box; |
|||
background-color: transparent; |
|||
} |
|||
.houseKeep1 .list .block { |
|||
margin-left: 10px; |
|||
width: 165px; |
|||
float: left; |
|||
} |
|||
.houseKeep1 .list .block .img { |
|||
width: 100%; |
|||
height: 115px; |
|||
border-top-left-radius: 10px; |
|||
border-top-right-radius: 10px; |
|||
} |
|||
.houseKeep1 .list .block .info { |
|||
padding: 0 10px 10px 10px; |
|||
background-color: #F8F8F8; |
|||
border-bottom-left-radius: 10px; |
|||
border-bottom-right-radius: 10px; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
} |
|||
.houseKeep1 .list .block .info .label-list { |
|||
border: none; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
width: 100%; |
|||
display: -webkit-inline-box; |
|||
} |
|||
.houseKeep1 .list .block .info .label-list .label-item { |
|||
background-color: #EEEEEE; |
|||
color: #A2A2A2; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
float: left; |
|||
padding: 0 5px; |
|||
margin-right: 5px; |
|||
border-radius: 7px; |
|||
font-size: 12px; |
|||
} |
|||
/*风格二*/ |
|||
.houseKeep2{} |
|||
.houseKeep2 .list{ |
|||
border: none; |
|||
background-color: transparent; |
|||
} |
|||
.houseKeep2 .list .block{ |
|||
background-color: #FFF; |
|||
border-radius: 10px; |
|||
} |
|||
.houseKeep2 .list .block:nth-child(n+2){ |
|||
margin-top: 10px; |
|||
} |
|||
.houseKeep2 .list .block .img{ |
|||
width: 80px; |
|||
height: 80px; |
|||
border-radius: 10px; |
|||
margin-right: 10px; |
|||
float: left; |
|||
} |
|||
.houseKeep2 .list .block .info{ |
|||
float: right; |
|||
width: calc(100% - 90px); |
|||
} |
|||
.houseKeep2 .list .block .info .name .title-content{ |
|||
float: left; |
|||
width: 175px; |
|||
word-break: keep-all; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.houseKeep2 .list .block .info .name .title-icon{ |
|||
width: 20px; |
|||
height: 20px; |
|||
float: left; |
|||
margin: 0 2px; |
|||
line-height: 25px; |
|||
} |
|||
.houseKeep2 .list .block .info .name .title-icon img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.houseKeep2 .list .block .info .address{ |
|||
font-size: 13px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
.houseKeep2 .list .block .info .address .city{ |
|||
width: 170px; |
|||
word-break: keep-all; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
float: left; |
|||
} |
|||
.houseKeep2 .list .block .info .address .distances{ |
|||
float: right; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block{ |
|||
border-top: 1px solid #EFEFEF; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .top{ |
|||
height: 35px; |
|||
line-height: 35px; |
|||
font-size: 15px; |
|||
margin: 10px 0; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .top .img{ |
|||
width: 35px; |
|||
height: 35px; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .top .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .top .title{ |
|||
float: left; |
|||
width: calc(100% - 45px); |
|||
word-break: keep-all; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .sale{ |
|||
height: 30px; |
|||
line-height: 25px; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .sale .price{ |
|||
color: #FF4444; |
|||
width: calc(100% - 80px); |
|||
float: left; |
|||
word-break: keep-all; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .sale .price .price-title{ |
|||
float: left; |
|||
font-size: 13px; |
|||
width: 40px; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .sale .price .price-money{ |
|||
float: left; |
|||
font-size: 12px; |
|||
line-height: 28px; |
|||
height: 20px; |
|||
width: 12px; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .sale .price .price-price{ |
|||
float: left; |
|||
font-size: 16px; |
|||
font-weight: 600; |
|||
width: 100px; |
|||
word-break: keep-all; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.houseKeep2 .list .block .info .service .service-block .sale .sales{ |
|||
float: right; |
|||
width: 80px; |
|||
text-align: right; |
|||
color: #CFCFCF; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,122 @@ |
|||
/****************************************** 菜单组样式 ************************************************************/ |
|||
/*公共样式*/ |
|||
.menu-style { |
|||
position: relative; |
|||
overflow: hidden; |
|||
background: #fff; |
|||
} |
|||
.menu-style.col-2 .menu-list { |
|||
width: 50%; |
|||
} |
|||
.menu-style.col-3 .menu-list{ |
|||
width: 33.3%; |
|||
} |
|||
.menu-style.col-4 .menu-list { |
|||
width: 25%; |
|||
} |
|||
.menu-style.col-5 .menu-list { |
|||
width: 20%; |
|||
} |
|||
.menu-style .menu-spot { |
|||
float: left; |
|||
width: 100%; |
|||
height: 15px; |
|||
text-align: center; |
|||
line-height: 15px; |
|||
} |
|||
.menu-style .menu-spot a { |
|||
height: 8px; |
|||
width: 8px; |
|||
background: #000; |
|||
border-radius: 8px; |
|||
display: inline-block; |
|||
opacity: 0.3; |
|||
} |
|||
.menu-style .menu-spot a.active { |
|||
opacity: 0.5; |
|||
} |
|||
/*风格一*/ |
|||
.menu-style1 .menu-list { |
|||
height: auto; |
|||
position: relative; |
|||
padding: 0; |
|||
margin: 10px 0; |
|||
text-align: center; |
|||
transition: background-color 300ms; |
|||
-webkit-transition: background-color 300ms; |
|||
float: left; |
|||
border: none !important; |
|||
} |
|||
.menu-style1 .menu-list .icon { |
|||
height: 50px; |
|||
margin: auto; |
|||
text-align: center; |
|||
line-height: 50px; |
|||
} |
|||
.menu-style1 .menu-list .icon img { |
|||
height: 50px; |
|||
width: 50px; |
|||
} |
|||
.menu-style1.radius .menu-list img { |
|||
border-radius: 10px; |
|||
} |
|||
.menu-style1.circle .menu-list img { |
|||
border-radius: 44px; |
|||
} |
|||
.menu-style1 .menu-list .text { |
|||
font-size: 13px; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
padding: 4px; |
|||
color: #7a7a7a; |
|||
|
|||
} |
|||
|
|||
/*风格二*/ |
|||
.menu-style2 .menu-list{ |
|||
position: relative; |
|||
padding: 0; |
|||
margin: 10px 0; |
|||
text-align: center; |
|||
transition: background-color 300ms; |
|||
-webkit-transition: background-color 300ms; |
|||
float: left; |
|||
border: none !important; |
|||
} |
|||
.menu-style2 .menu-list .menu-block { |
|||
width: 80%; |
|||
height: 35px; |
|||
line-height: 35px; |
|||
font-size: 14px; |
|||
margin: auto; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
padding: 0 5px; |
|||
} |
|||
.menu-style2 .menu-list .menu-block .icon { |
|||
width: 20px; |
|||
height: 20px; |
|||
line-height: 32px; |
|||
display: inline-block; |
|||
margin-right: 5px; |
|||
} |
|||
.menu-style2 .menu-list .menu-block .icon img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.menu-style2.radius .menu-list .menu-block{ |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,425 @@ |
|||
/****************************************** 求职招聘 ******************************************************************/ |
|||
/*统计信息*/ |
|||
.recruit_statistics { |
|||
padding: 5px 10px; |
|||
float: left; |
|||
width: 100%; |
|||
} |
|||
.recruit_statistics .recruit_statistics_block { |
|||
width: calc(25% - 10px); |
|||
float: left; |
|||
margin: 0 5px; |
|||
padding-top: 10px; |
|||
padding-left: 10px; |
|||
border: 1px solid #e8e8e8; |
|||
border-radius: 10px; |
|||
} |
|||
.recruit_statistics .recruit_statistics_block .num { |
|||
height: 25px; |
|||
line-height: 25px; |
|||
font-size: 18px; |
|||
font-weight: bolder; |
|||
} |
|||
.recruit_statistics .recruit_statistics_block .title { |
|||
height: 25px; |
|||
line-height: 25px; |
|||
font-size: 13px; |
|||
color: #CCC; |
|||
} |
|||
.recruit_statistics .recruit_statistics_block .icon { |
|||
width: 30px; |
|||
float: right; |
|||
height: 30px; |
|||
margin-top: 5px; |
|||
} |
|||
.recruit_statistics .recruit_statistics_block .icon img { |
|||
width:100%; |
|||
height: 100%; |
|||
} |
|||
/*企业信息 - 风格一*/ |
|||
.drag .recruit_enterprise{ |
|||
background-color: #FFFFFF; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
.recruit_enterprise .block{ |
|||
margin: 0 10px; |
|||
float: left; |
|||
width: calc(100% - 20px); |
|||
border-bottom: 1px solid #F8F8F8; |
|||
padding: 15px 0; |
|||
} |
|||
.recruit_enterprise .block:nth-last-of-type(1){ |
|||
border: none; |
|||
} |
|||
.recruit_enterprise .block .img{ |
|||
width: 60px; |
|||
height: 60px; |
|||
border-radius: 10px; |
|||
overflow: hidden; |
|||
float: left; |
|||
margin-right: 10px; |
|||
} |
|||
.recruit_enterprise .block .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.recruit_enterprise .block .info{ |
|||
float: left; |
|||
width: calc(100% - 70px); |
|||
} |
|||
.recruit_enterprise .block .info .top{ |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 15px; |
|||
font-weight: 600; |
|||
} |
|||
.recruit_enterprise .block .info .top .name{ |
|||
max-width: calc(100% - 60px); |
|||
float: left; |
|||
margin-right: 10px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_enterprise .block .info .top .authentication{ |
|||
background-color: #3388FF; |
|||
float: left; |
|||
font-size: 12px; |
|||
height: 15px; |
|||
line-height: 16px; |
|||
padding: 0px 3px; |
|||
border-radius: 3px; |
|||
color: #FFF; |
|||
margin-top: 2px; |
|||
} |
|||
.recruit_enterprise .block .info .TSI{ |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 12px; |
|||
color: #999999; |
|||
} |
|||
.recruit_enterprise .block .info .area{ |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 12px; |
|||
color: #999999; |
|||
} |
|||
.recruit_enterprise .block .info .area .num{ |
|||
color: #3388FF; |
|||
} |
|||
/*企业信息 - 风格二*/ |
|||
.recruit_enterprise2{ |
|||
padding: 5px 15px 10px 15px; |
|||
float: left; |
|||
width: 100%; |
|||
background: #FFF; |
|||
} |
|||
.recruit_enterprise2 .top{ |
|||
height: 35px; |
|||
line-height: 35px; |
|||
} |
|||
.recruit_enterprise2 .top .title{ |
|||
font-size: 17px; |
|||
float: left; |
|||
} |
|||
.recruit_enterprise2 .top .more{ |
|||
float: right; |
|||
font-size: 17px; |
|||
color: #999999; |
|||
} |
|||
.recruit_enterprise2 .top .more i{ |
|||
font-size: 15px; |
|||
margin-left: 10px; |
|||
} |
|||
.recruit_enterprise2 .enterprise{ |
|||
float: left; |
|||
height: 170px; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
padding-right: 10px; |
|||
display: flex; |
|||
} |
|||
.recruit_enterprise2 .enterprise .block{ |
|||
width: 120px; |
|||
height: 170px; |
|||
float: left; |
|||
border-radius: 10px; |
|||
border: 1px solid #F0F0F0; |
|||
overflow: hidden; |
|||
margin-right: 10px; |
|||
justify-content: flex-start; |
|||
flex: 0 0 auto; |
|||
box-sizing: initial; |
|||
} |
|||
.recruit_enterprise2 .enterprise .block .img{ |
|||
width: 100%; |
|||
height: 100px; |
|||
} |
|||
.recruit_enterprise2 .enterprise .block .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.recruit_enterprise2 .enterprise .block .info{ |
|||
padding-top: 10px; |
|||
padding-left: 10px; |
|||
background-color: #B4B5C7; |
|||
color: #FFFFFF; |
|||
height: 70px; |
|||
} |
|||
.recruit_enterprise2 .enterprise .block .info .title{ |
|||
font-size: 16px; |
|||
height: 30px; |
|||
line-height: 20px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_enterprise2 .enterprise .block .info .number{ |
|||
line-height: 20px; |
|||
font-size: 13px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
/*招聘信息*/ |
|||
.recruit_recruit .block{ |
|||
margin: 0px 15px; |
|||
padding: 15px 0; |
|||
border-bottom: 1px solid #EEEEEE; |
|||
} |
|||
.recruit_recruit .block:nth-last-of-type(1){ |
|||
border: none; |
|||
} |
|||
.recruit_recruit .block .top{ |
|||
height: 25px; |
|||
line-height: 25px; |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
} |
|||
.recruit_recruit .block .top .title{ |
|||
float: left; |
|||
max-width: calc(100% - 150px); |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_recruit .block .top .icon{ |
|||
color: #FFFFFF; |
|||
float: left; |
|||
background-color: #F1C426; |
|||
height: 18px; |
|||
width: 18px; |
|||
line-height: 18px; |
|||
border-radius: 5px; |
|||
text-align: center; |
|||
font-size: 13px; |
|||
margin-left: 10px; |
|||
margin-top: 3px; |
|||
} |
|||
.recruit_recruit .block .top .salary{ |
|||
color: #FF4444; |
|||
float: right; |
|||
width: 90px; |
|||
text-align: right; |
|||
} |
|||
.recruit_recruit .block .center{ |
|||
width: 100%; |
|||
margin-top: 10px; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
} |
|||
.recruit_recruit .block .center .label-list{ |
|||
display: inline-block; |
|||
width: calc(100% - 90px); |
|||
font-size: 14px; |
|||
color: #666666; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
/*text-overflow: ellipsis;*/ |
|||
} |
|||
.recruit_recruit .block .center .label-list label{ |
|||
background-color: #F4F4F4; |
|||
padding: 0px 10px; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
color: #666666; |
|||
margin: 0; |
|||
} |
|||
.recruit_recruit .block .center .area{ |
|||
float: right; |
|||
width: 60px; |
|||
text-align: right; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_recruit .block .bottom{ |
|||
width: 100%; |
|||
margin-top: 10px; |
|||
} |
|||
.recruit_recruit .block .bottom .img{ |
|||
float: left; |
|||
width: 60px; |
|||
height: 60px; |
|||
border-radius: 10px; |
|||
overflow: hidden; |
|||
border: 1px solid #F2F2F2; |
|||
} |
|||
.recruit_recruit .block .bottom .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.recruit_recruit .block .bottom .info{ |
|||
display: inline-block; |
|||
width: calc(100% - 60px); |
|||
height: 60px; |
|||
padding-left: 10px; |
|||
} |
|||
.recruit_recruit .block .bottom .info .name{ |
|||
float: left; |
|||
font-size: 14px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
max-width: calc(100% - 133px); |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_recruit .block .bottom .info .authentication{ |
|||
float: left; |
|||
background-color: #3388FF; |
|||
border-radius: 5px; |
|||
color: #FFF; |
|||
margin-top: 5px; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
width: 53px; |
|||
text-align: center; |
|||
margin-left: 10px; |
|||
} |
|||
.recruit_recruit .block .bottom .info .area{ |
|||
float: right; |
|||
width: 60px; |
|||
text-align: right; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_recruit .block .bottom .info .time{ |
|||
display: inline-block; |
|||
width: 100%; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
color: #999999; |
|||
font-size: 12px; |
|||
} |
|||
.recruit_recruit .block .bottom .info .time .desc{ |
|||
display: inline-block; |
|||
max-width: calc(100% - 60px); |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_recruit .block .bottom .info .time .date{ |
|||
float: right; |
|||
width: 60px; |
|||
text-align: right; |
|||
} |
|||
/*简历信息*/ |
|||
.recruit_resume{} |
|||
.recruit_resume .block{ |
|||
padding: 10px 15px; |
|||
} |
|||
.recruit_resume .block .img{ |
|||
float: left; |
|||
width: 75px; |
|||
height: 75px; |
|||
border-radius: 50%; |
|||
margin-right: 10px; |
|||
position: relative; |
|||
} |
|||
.recruit_resume .block .img img{ |
|||
width: 100%; |
|||
height: 100%; |
|||
border-radius: 50%; |
|||
} |
|||
.recruit_resume .block .img i{ |
|||
position: absolute; |
|||
bottom: 5px; |
|||
right: 0px; |
|||
color: #FFF; |
|||
opacity: .7; |
|||
font-size: 13px; |
|||
border-radius: 50%; |
|||
width: 20px; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
text-align: center; |
|||
} |
|||
.recruit_resume .block .img i.icon-female{ |
|||
background: #FF838E; |
|||
transform: rotate( 30deg) skew( 0deg); |
|||
} |
|||
.recruit_resume .block .img i.icon-male{ |
|||
background: #0f71FF; |
|||
} |
|||
.recruit_resume .block .info{ |
|||
display: inline-block; |
|||
width: calc(100% - 85px); |
|||
} |
|||
.recruit_resume .block .info .top{ |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
} |
|||
.recruit_resume .block .info .top .name{ |
|||
color: #333333; |
|||
display: inline-block; |
|||
width: calc(100% - 90px); |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.recruit_resume .block .info .top .salary{ |
|||
display: inline-block; |
|||
width: 90px; |
|||
color: #FF4444; |
|||
float: right; |
|||
text-align: right; |
|||
} |
|||
.recruit_resume .block .info .center{ |
|||
width: 100%; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
} |
|||
.recruit_resume .block .info .bottom{ |
|||
margin-top: 5px; |
|||
} |
|||
.recruit_resume .block .info .bottom .label-list{ |
|||
display: inline-block; |
|||
width: calc(100% - 60px); |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
} |
|||
.recruit_resume .block .info .bottom .label-list label{ |
|||
background-color: #F4F4F4; |
|||
padding: 0px 5px; |
|||
} |
|||
.recruit_resume .block .info .bottom .area{ |
|||
float: right; |
|||
width: 60px; |
|||
text-align: right; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
@ -0,0 +1,824 @@ |
|||
#phone-margin{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 300px; |
|||
width: calc(100% - 302px - 427px); |
|||
overflow-y: scroll; |
|||
height: 100%; |
|||
} |
|||
#footer { |
|||
display: none; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs { |
|||
height: 51px; |
|||
line-height: 51px; |
|||
color: #fff; |
|||
padding-right: 27px; |
|||
background-color: #273543; |
|||
border-bottom: none; |
|||
overflow: hidden; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs li { |
|||
margin-left: 15px; |
|||
margin-bottom: 0; |
|||
float: right; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs .li-flo-le { |
|||
float: left; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs a { |
|||
height: 21px; |
|||
line-height: 21px; |
|||
color: #fff; |
|||
font-size: 14px; |
|||
margin: 0; |
|||
padding: 15px; |
|||
border: none; |
|||
box-sizing: initial; |
|||
display: inline-block; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs .diypage-icon-txt { |
|||
padding: 15px 10px; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs .diypage-icon-txt i { |
|||
font-size: 16px; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs a i { |
|||
font-size: 20px; |
|||
padding-right: 4px; |
|||
margin-top: -2px; |
|||
float: left; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs a:hover, .nav.nav-tabs.diypage-nav-tabs a:active, .nav.nav-tabs.diypage-nav-tabs a:focus { |
|||
background-color: #272A3B; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs a:active { |
|||
background-color: transparent; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs .diypage-save-page { |
|||
min-width: 80px; |
|||
text-align: center; |
|||
margin-top: 8px; |
|||
margin-left: 15px; |
|||
padding: 6px 10px; |
|||
background-color: #1ab394; |
|||
border-radius: 3px; |
|||
}.nav.nav-tabs.diypage-nav-tabs .diypage-save-page i { |
|||
height: 24px; |
|||
font-size: 17px; |
|||
float: none; |
|||
vertical-align: -1px; |
|||
display: inline-block; |
|||
} |
|||
.nav.nav-tabs.diypage-nav-tabs .diypage-save-page:hover, .nav.nav-tabs.diypage-nav-tabs .diypage-save-page:active, .nav.nav-tabs.diypage-nav-tabs .diypage-save-page:focus { |
|||
background-color: #1ab394; |
|||
} |
|||
#full-screen i, #exit-screen i { |
|||
padding-right: 0; |
|||
} |
|||
.diy-page { |
|||
position: relative; |
|||
} |
|||
.diy-phone { |
|||
width: 375px; |
|||
height: auto; |
|||
border: 1px solid #ddd; |
|||
border-radius: 0; |
|||
background: #f6f6f6; |
|||
padding: 0; |
|||
padding-bottom: 0; |
|||
overflow: hidden; |
|||
/*margin-bottom: 150px;*/ |
|||
margin: 25px auto; |
|||
box-sizing: initial; |
|||
} |
|||
.diy-phone .phone-head { |
|||
height: 52px; |
|||
position: relative; |
|||
display: none; |
|||
} |
|||
.diy-phone .phone-head:before { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 17px; |
|||
left: 140px; |
|||
height: 10px; |
|||
width: 10px; |
|||
background: #ddd; |
|||
border-radius: 8px; |
|||
} |
|||
.diy-phone .phone-head:after { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 18px; |
|||
left: 158px; |
|||
height: 8px; |
|||
width: 50px; |
|||
background: #ddd; |
|||
border-radius: 8px; |
|||
} |
|||
.diy-phone .phone-body { |
|||
background-color: #fff; |
|||
} |
|||
.page-content { |
|||
width: 100%; |
|||
background: #fff; |
|||
position: relative; |
|||
height: calc(100vh - 51px); |
|||
overflow: hidden; |
|||
min-height:100px; |
|||
} |
|||
.page-content .pagediy { |
|||
height: 100%; |
|||
position: relative; |
|||
margin: 0; |
|||
} |
|||
.diy-phone .phone-title { |
|||
height: 42px; |
|||
line-height: 42px; |
|||
/*background: url("../images/wx-top.png") 0 0 no-repeat;*/ |
|||
background-size: 100% auto; |
|||
background-color: #000; |
|||
padding: 0 50px; |
|||
font-size: 15px; |
|||
color: #fff; |
|||
text-align: center; |
|||
|
|||
cursor: default; |
|||
overflow: hidden; |
|||
display:block; |
|||
white-space:nowrap; |
|||
text-overflow:ellipsis; |
|||
} |
|||
.diy-phone .phone-main { |
|||
min-height: 557px; |
|||
border: none; |
|||
border-top: 0; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-khtml-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.diy-phone .phone-main p { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.diy-phone .phone-main .highlight { |
|||
height: 50px; |
|||
border: 2px dashed #999; |
|||
text-align: center; |
|||
font-size: 16px; |
|||
color: #999; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-khtml-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.diy-phone .phone-main .drag { |
|||
position: relative; |
|||
/*min-height: 20px;*/ |
|||
display: block; |
|||
overflow: hidden; |
|||
} |
|||
.diy-phone .phone-main .drag.selected:before, |
|||
.diy-phone .phone-main .drag:hover:before { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
border: 2px dashed #00a0e9; |
|||
cursor: move; |
|||
z-index: 10; |
|||
} |
|||
.diy-phone .phone-main .drag.fixed:before { |
|||
cursor: default; |
|||
} |
|||
.diy-phone .phone-main .drag .btn-edit-del { |
|||
height: 16px; |
|||
position: absolute; |
|||
right: 2px; |
|||
bottom: 2px; |
|||
display: none; |
|||
} |
|||
.diy-phone .phone-main .drag .btn-edit-del > div { |
|||
width: 32px; |
|||
height: 16px; |
|||
line-height: 16px; |
|||
display: inline-block; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
color: #fff; |
|||
background: rgba(0,0,0,.4); |
|||
margin-left: 2px; |
|||
cursor: pointer; |
|||
position: relative; |
|||
z-index: 11; |
|||
} |
|||
.diy-phone .phone-main .drag.selected .btn-edit-del , |
|||
.diy-phone .phone-main .drag:hover .btn-edit-del { |
|||
display: block; |
|||
} |
|||
.diy-phone .phone-main .drag.nodelete .btn-edit-del .btn-del { |
|||
display: none; |
|||
} |
|||
.diy-phone .phone-main a { |
|||
color: #337ab7; |
|||
} |
|||
.diy-phone .phone-foot { |
|||
height: 52px; |
|||
width: 52px; |
|||
margin: 8px auto; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd; |
|||
box-shadow: inset 0 0 1px rgba(0,0,0,.1); |
|||
border-radius: 50%; |
|||
display: none; |
|||
} |
|||
.diy-editor { |
|||
float: right; |
|||
width: 407px; |
|||
height: calc(100vh - 51px); |
|||
background: #fff; |
|||
padding: 0 10px; |
|||
border: none; |
|||
border-radius: 5px; |
|||
display: none; |
|||
position: fixed; |
|||
top: 55px; |
|||
right: 0; |
|||
overflow-y: scroll; |
|||
box-sizing: initial; |
|||
} |
|||
.diy-editor .editor-arrow { |
|||
height: 0; |
|||
position: relative; |
|||
} |
|||
.diy-editor .editor-arrow:after, |
|||
.diy-editor .editor-arrow:before { |
|||
position: absolute; |
|||
font-family: simsun; |
|||
content: "◆"; |
|||
top: 8px; |
|||
left: -21px; |
|||
display: block; |
|||
width: 9px; |
|||
height: 18px; |
|||
font-size: 24px; |
|||
color: #fdfdfd; |
|||
z-index: 111; |
|||
} |
|||
.diy-editor .editor-arrow:after { |
|||
left: -22px; |
|||
color: #ddd; |
|||
z-index: 11; |
|||
} |
|||
.diy-editor .form-group { |
|||
margin: 20px 0 0 0; |
|||
} |
|||
.diy-editor .form-group:first-child { |
|||
margin: 0; |
|||
} |
|||
.diy-editor .col-sm-10 .form-group { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.diy-editor .col-sm-10 .form-group .count span { |
|||
padding-left: 5px; |
|||
} |
|||
.diy-editor .form-group .control-label { |
|||
line-height: 16px; |
|||
padding: 9px 7px 9px 0; |
|||
text-align: left; |
|||
font-size: 14px; |
|||
min-width: 75px; |
|||
} |
|||
.input-group .input-group-addon { |
|||
color: #666; |
|||
background-color: #f3f3f3; |
|||
} |
|||
.item-form .input-group .input-group-addon { |
|||
border-radius: 0; |
|||
} |
|||
.pagediy .diy-editor .form-group .col-sm-10,.pagediy .diy-editor .form-group .col-sm-4 { |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
max-width: 300px; |
|||
} |
|||
.diy-editor .form-group .col-sm-10 .help-block { |
|||
color: #999; |
|||
font-size: 12px; |
|||
margin: 10px 0 0 0; |
|||
} |
|||
.diy-editor .form-group .form-control { |
|||
height: 34px; |
|||
padding: 0 5px; |
|||
border-color: #e0e0e0; |
|||
} |
|||
.diy-editor .form-group .noblr { |
|||
border-left: 0; |
|||
border-right: 0; |
|||
} |
|||
.diy-editor .color { |
|||
padding: 0; |
|||
cursor: pointer; |
|||
} |
|||
.diy-editor .form-group .ui-slider { |
|||
margin-top: 11px; |
|||
} |
|||
.diy-editor .form-group .count { |
|||
margin-top: 7px; |
|||
} |
|||
.diy-editor .form-items { |
|||
height: auto; |
|||
} |
|||
.diy-editor .form-items .btn-outline { |
|||
background-color: #fff; |
|||
} |
|||
.diy-editor .form-items .btn-outline:hover { |
|||
background-color: #fff; |
|||
border: 1px solid #1ab394; |
|||
} |
|||
.diy-editor .form-items.indent { |
|||
margin: 0; |
|||
margin-top: 20px; |
|||
} |
|||
.diy-editor .form-items.indent:first-child { |
|||
margin-top: 0; |
|||
} |
|||
.diy-editor .form-items .inner { |
|||
height: auto; |
|||
margin-top: 20px; |
|||
} |
|||
.diy-editor .form-items .inner:first-child { |
|||
margin-top: 0; |
|||
} |
|||
.diy-editor .form-items .inner .item { |
|||
height: auto; |
|||
background: #fff; |
|||
padding: 10px; |
|||
margin-bottom: 10px; |
|||
border: 1px solid #e7eaec; |
|||
border-radius: 3px; |
|||
overflow: hidden; |
|||
} |
|||
.diy-editor .form-items .inner .highlight { |
|||
border: 2px dashed #e7eaec; |
|||
margin-bottom: 10px; |
|||
text-align: center; |
|||
font-size: 16px; |
|||
color: #ccc; |
|||
} |
|||
.diy-editor .form-items .inner .item .btn-del { |
|||
height: 0; |
|||
width: 100%; |
|||
display: block; |
|||
position: relative; |
|||
} |
|||
.diy-editor .form-items .inner .item .btn-del:before { |
|||
content: "×"; |
|||
position: absolute; |
|||
height: 16px; |
|||
width: 16px; |
|||
text-align: center; |
|||
line-height: 14px; |
|||
color: #fff; |
|||
cursor: pointer; |
|||
background: rgba(0,0,0,0.3); |
|||
border-radius: 16px; |
|||
top: -6px; |
|||
right: -6px; |
|||
z-index: 10; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image { |
|||
height: 70px; |
|||
width: 70px; |
|||
min-width: 40px; |
|||
max-width: 220px; |
|||
background: #eee; |
|||
float: left; |
|||
margin-right: 10px; |
|||
border: 1px solid #e7eaec; |
|||
position: relative; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image img { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: cover; |
|||
display: block; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image.square { |
|||
width: 70px; |
|||
height: 70px; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image.square img { |
|||
width: 68px; |
|||
height: 68px; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image .text { |
|||
height: 20px; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
background: rgba(0,0,0,0.5); |
|||
color: #fff; |
|||
text-align: center; |
|||
font-size: 12px; |
|||
line-height: 20px; |
|||
position: absolute; |
|||
cursor: pointer; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image.drag-btn { |
|||
font-size: 14px; |
|||
line-height: 68px; |
|||
text-align: center; |
|||
cursor: move; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image .icon-main { |
|||
height: 50px; |
|||
width: 68px; |
|||
line-height: 50px; |
|||
text-align: center; |
|||
background: #fff; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-image .icon-main .icon { |
|||
font-size: 30px; |
|||
} |
|||
.diy-editor .form-items .inner .item .community-item-image{ |
|||
height: 109px; |
|||
width: 83px; |
|||
min-width: 40px; |
|||
max-width: 220px; |
|||
background: #eee; |
|||
float: left; |
|||
margin-right: 10px; |
|||
border: 1px solid #e7eaec; |
|||
position: relative; |
|||
} |
|||
.diy-editor .form-items .inner .item .community-item-image img { |
|||
height: 80px; |
|||
width: 80px; |
|||
object-fit: fill; |
|||
display: block; |
|||
} |
|||
.diy-editor .form-items .inner .item .community-item-image .community-item-button{ |
|||
height: 30px; |
|||
width: 80px; |
|||
max-width: 220px; |
|||
display: block; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
padding: 0; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-form { |
|||
height: auto; |
|||
display: block; |
|||
overflow: hidden; |
|||
} |
|||
.diy-editor .form-items .inner .item .title { |
|||
padding-bottom: 10px; |
|||
} |
|||
.diy-editor .form-items .inner .item .title-child { |
|||
padding-bottom: 10px; |
|||
padding-top: 10px; |
|||
} |
|||
.diy-editor .form-items .inner .item .item-body.child { |
|||
margin-bottom: 10px; |
|||
background: #fff; |
|||
} |
|||
#page_title{ |
|||
text-align: center; |
|||
font-size: 14px; |
|||
background-color: #F2F2F3; |
|||
-webkit-border-radius: 50px; |
|||
border-radius: 50px; |
|||
display: none; |
|||
} |
|||
#page_title .page_name{ |
|||
width: 90px; |
|||
text-align: center; |
|||
display: inline-block; |
|||
cursor: pointer; |
|||
} |
|||
#page_title .active{ |
|||
color: #fff; |
|||
background-color: #1ab394; |
|||
-webkit-border-radius: 50px; |
|||
border-radius: 50px; |
|||
position: relative; |
|||
} |
|||
.adv_title_page_title { |
|||
height: 28px; |
|||
line-height: 28px; |
|||
padding: 11px 0; |
|||
display: -webkit-flex; |
|||
display: flex; |
|||
-webkit-justify-content: space-between; |
|||
justify-content: space-between; |
|||
box-sizing: initial; |
|||
} |
|||
#adv_title { |
|||
color: #333; |
|||
font-size: 15px; |
|||
text-align: left; |
|||
padding-left: 15px; |
|||
} |
|||
#adv_title:after { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 4px; |
|||
height: 16px; |
|||
background: #1AB394; |
|||
-webkit-border-radius: 30%; |
|||
-moz-border-radius: 30%; |
|||
border-radius: 30%; |
|||
top: 17px; |
|||
left: 10px; |
|||
} |
|||
#diy-editor .inner_content{ |
|||
width: 407px; |
|||
padding: 15px ; |
|||
background-color: #fdfdfd; |
|||
border: 1px solid #F2F2F3; |
|||
border-radius: 4px; |
|||
} |
|||
.diy-editor .line { |
|||
height: 1px; |
|||
margin-top: 20px; |
|||
padding: 0; |
|||
position: relative; |
|||
} |
|||
.diy-editor .line:before { |
|||
content: ''; |
|||
width: 100%; |
|||
height: 0; |
|||
border-top: 1px dashed #e0e0e0; |
|||
position: absolute; |
|||
} |
|||
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { |
|||
background: #f7f7f7; |
|||
} |
|||
/*菜单样式*/ |
|||
.diy-menu { |
|||
float: left; |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
position: relative; |
|||
} |
|||
.diy-menu:before { |
|||
content: ""; |
|||
width: 1px; |
|||
height: 100%; |
|||
background-color: #f3f3f3; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
.diy-menu:after { |
|||
content: ""; |
|||
width: 1px; |
|||
height: 100%; |
|||
background-color: #f3f3f3; |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
} |
|||
.diy-menu .navs { |
|||
float: left; |
|||
width: 300px; |
|||
} |
|||
.diy-menu .navs nav { |
|||
width: 100px; |
|||
padding: 15px 0; |
|||
border: 1px solid #f3f3f3; |
|||
border-top: none; |
|||
border-left: none; |
|||
border-radius: 0; |
|||
position: relative; |
|||
float: left; |
|||
} |
|||
.diy-menu .navs nav.special { |
|||
background: #f4f4f4; |
|||
} |
|||
.diy-menu .navs nav:hover { |
|||
color: #333; |
|||
background: #fff; |
|||
} |
|||
.diy-menu .navs nav:hover:after { |
|||
content: ""; |
|||
width: 100%; |
|||
height: 100%; |
|||
border: 1px solid #1ab394; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
.diy-menu .navs .diy-menu-title { |
|||
width: 100%; |
|||
height: 35px; |
|||
line-height: 35px; |
|||
font-size: 14px; |
|||
font-weight: 600; |
|||
padding: 0 15px; |
|||
background-color: #f3f3f3; |
|||
float: left; |
|||
} |
|||
|
|||
|
|||
.diy-menu .navs nav .icon-img { |
|||
height: 26px; |
|||
text-align: center; |
|||
} |
|||
.diy-menu .navs nav .icon-img-d { |
|||
width: 30px!important; |
|||
height: 30px!important; |
|||
opacity: 0.7; |
|||
display: inline-block; |
|||
} |
|||
.diy-menu .navs .page .icon-img-d { |
|||
width: 21px; |
|||
padding-top: 3px; |
|||
} |
|||
.diy-menu .navs .headline .icon-img-d { |
|||
width: 25px; |
|||
} |
|||
.diy-menu .navs .title .icon-img-d { |
|||
width: 36px; |
|||
margin-top: -3px; |
|||
} |
|||
.diy-menu .navs .search .icon-img-d { |
|||
width: 22px; |
|||
padding-top: 3px; |
|||
} |
|||
.diy-menu .navs .menu .icon-img-d { |
|||
width: 34px; |
|||
margin-top: -4px; |
|||
} |
|||
.diy-menu .navs .picture .icon-img-d { |
|||
width: 22px; |
|||
padding-top: 3px; |
|||
} |
|||
.diy-menu .navs .richtext .icon-img-d { |
|||
width: 23px; |
|||
padding-top: 3px; |
|||
} |
|||
.diy-menu .navs .line .icon-img-d { |
|||
width: 30px; |
|||
} |
|||
.diy-menu .navs .coupon_goods .icon-img-d { |
|||
width: 27px; |
|||
} |
|||
.diy-menu .navs .rush_goods .icon-img-d { |
|||
width: 22px; |
|||
padding-top: 1px; |
|||
} |
|||
.diy-menu .navs .groupon_goods .icon-img-d { |
|||
width: 24px; |
|||
} |
|||
.diy-menu .navs .fightgroup_goods .icon-img-d { |
|||
width: 25px; |
|||
} |
|||
.diy-menu .navs .magic_cube .icon-img-d { |
|||
width: 23px; |
|||
padding-top: 3px; |
|||
} |
|||
.diy-menu .navs .picturew .icon-img-d { |
|||
width: 27px; |
|||
padding-top: 1px; |
|||
} |
|||
.diy-menu .navs .banner .icon-img-d { |
|||
width: 23px; |
|||
padding-top: 3px; |
|||
} |
|||
.diy-menu .navs .blank .icon-img-d { |
|||
width: 30px; |
|||
} |
|||
.diy-menu .navs .community .icon-img-d { |
|||
width: 32px; |
|||
} |
|||
.diy-menu .navs .public_goods .icon-img-d { |
|||
width: 42px; |
|||
margin-top: -8px; |
|||
} |
|||
.diy-menu .navs nav .icon-img img { |
|||
width: 100%; |
|||
display: block; |
|||
} |
|||
.diy-menu .navs nav .icon-txt { |
|||
height: 21px; |
|||
line-height: 21px; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
margin-top: 7px; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
} |
|||
.diy-menu .action { |
|||
position: fixed; |
|||
bottom: 170px; |
|||
text-align: center; |
|||
left: 200px; |
|||
z-index: 9; |
|||
} |
|||
.diy-menu .action:before { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
height: 0; |
|||
width: 100%; |
|||
} |
|||
.diy-menu .action nav { |
|||
margin-right: 5px; |
|||
} |
|||
.wb-container.right-panel .diy-menu { |
|||
margin-right: -540px; |
|||
} |
|||
.wb-nav.fold~.wb-subnav~.wb-container .diy-menu { |
|||
margin-right: -420px; |
|||
} |
|||
.wb-nav.fold~.wb-subnav~.wb-container.right-panel .diy-menu { |
|||
margin-right: -505px; |
|||
} |
|||
.wb-nav~.wb-subnav.fold~.wb-container .diy-menu { |
|||
margin-right: -400px; |
|||
} |
|||
.wb-nav~.wb-subnav.fold~.wb-container.right-panel .diy-menu { |
|||
margin-right: -485px; |
|||
} |
|||
.wb-nav.fold~.wb-subnav.fold~.wb-container .diy-menu { |
|||
margin-right: -365px; |
|||
} |
|||
.wb-nav.fold~.wb-subnav.fold~.wb-container.right-panel .diy-menu { |
|||
margin-right: -450px; |
|||
} |
|||
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { |
|||
padding-top: 8px; |
|||
} |
|||
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { |
|||
font-size: 14px; |
|||
margin-left: 0; |
|||
margin-right: 10px; |
|||
} |
|||
.radio-inline:first-child, .checkbox-inline:first-child { |
|||
font-size: 14px; |
|||
margin-right: 10px; |
|||
} |
|||
.has-error .form-control:focus, .has-error .single-line:focus { |
|||
border-color: #ed5565 !important; |
|||
} |
|||
.w900 { |
|||
width: 900px; |
|||
margin: auto; |
|||
} |
|||
/*新建菜单栏目内容样式*/ |
|||
#menuDiy-menu{ |
|||
padding:0; |
|||
margin:0; |
|||
width: 200px; |
|||
height: calc(100vh - 152px); |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
#menuDiy-menu .action{ |
|||
position: absolute; |
|||
z-index: 99; |
|||
bottom: 10px; |
|||
left: 115px; |
|||
} |
|||
#menuDiy-phone{ |
|||
float: left; |
|||
margin: 0; |
|||
position: absolute; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
File diff suppressed because it is too large
@ -0,0 +1,67 @@ |
|||
.item { |
|||
border: 1px solid #e7eaec; |
|||
height: 422px; |
|||
width: 247px; |
|||
padding: 10px; |
|||
float: left; |
|||
margin-right: 15px; |
|||
margin-bottom: 15px; |
|||
position: relative; |
|||
} |
|||
.item img { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.item .title { |
|||
height: 40px; |
|||
width: 100%; |
|||
display: none; |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
color: #fff; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
line-height: 40px; |
|||
z-index: 2; |
|||
} |
|||
.item .cate .label, |
|||
.item .title .label { |
|||
margin-right: 2px; |
|||
padding: 2px 4px; |
|||
font-weight: 100; |
|||
} |
|||
.item .mask { |
|||
position: absolute; |
|||
background: rgba(0, 0, 0, 0.6); |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
display: none; |
|||
z-index: 1 |
|||
} |
|||
.item .btns { |
|||
height: auto; |
|||
width: 60%; |
|||
position: absolute; |
|||
top: 90px; |
|||
left: 50%; |
|||
margin-left: -30%; |
|||
} |
|||
.item .btns .btn { |
|||
margin-bottom: 10px; |
|||
} |
|||
.item .cate { |
|||
position: absolute; |
|||
top: 10px; |
|||
left: 10px; |
|||
right: 10px; |
|||
height: 40px; |
|||
z-index: 1; |
|||
padding: 10px; |
|||
} |
|||
.item .cate span{ |
|||
opacity: .75; |
|||
} |
|||
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 807 B |
|
After Width: | Height: | Size: 597 B |
|
After Width: | Height: | Size: 3.7 KiB |
@ -0,0 +1,470 @@ |
|||
define(['jquery.ui'], function (ui) { |
|||
var modal = {itemid: ''}; |
|||
modal.init = function (params) { |
|||
window.tpl = params.tpl; |
|||
modal.attachurl = params.attachurl; |
|||
modal.advs = params.menu; |
|||
modal.id = params.id; |
|||
modal.merch = params.merch; |
|||
modal.adv_class = params.adv_class; |
|||
modal.back_url = params.back_url; |
|||
if (!modal.advs) { |
|||
modal.advs = { |
|||
name: '未命名启动广告', |
|||
params: { |
|||
'style': 'small-bot',//样式：default=全屏、small-bot=样式二
|
|||
'showtype': '1',//显示设置：0每次显示，1=间隔时间显示
|
|||
'showtime': '60',//间隔时间显示时的间隔时间（分钟）
|
|||
'autoclose': '10',//定时关闭:等于0则无定时关闭(秒)
|
|||
'canclose': '1'//手动关闭:0=关闭，1=开启
|
|||
}, |
|||
style: { |
|||
'background': '#000000', |
|||
'opacity': '0.6' |
|||
}, |
|||
data: { |
|||
M0123456789101: { |
|||
imgurl: '../addons/{MODULE_NAME}/web/resource/diy/images/adv-1.jpg', |
|||
linkurl: '', |
|||
click: '0', |
|||
url_type:'', |
|||
}, |
|||
M0123456789102: { |
|||
imgurl: '../addons/{MODULE_NAME}/web/resource/diy/images/adv-2.jpg', |
|||
linkurl: '', |
|||
click: '0', |
|||
url_type:'', |
|||
}, |
|||
M0123456789103: { |
|||
imgurl: '../addons/{MODULE_NAME}/web/resource/diy/images/adv-3.jpg', |
|||
linkurl: '', |
|||
click: '0', |
|||
url_type:'', |
|||
} |
|||
} |
|||
} |
|||
} |
|||
tpl.helper("imgsrc", function (src) { |
|||
if (typeof src != 'string') { |
|||
return '' |
|||
} |
|||
if (src.indexOf('http://') == 0 || src.indexOf('https://') == 0 || src.indexOf('../addons') == 0) { |
|||
return src |
|||
} else if (src.indexOf('images/') == 0) { |
|||
return modal.attachurl + src |
|||
} |
|||
}); |
|||
tpl.helper("count", function (data) { |
|||
return modal.length(data) |
|||
}); |
|||
tpl.helper("link", function (link) { |
|||
if (!link) { |
|||
return |
|||
} |
|||
return '../app/' + link |
|||
}); |
|||
tpl.helper("px", function (num) { |
|||
return num / 20 |
|||
}); |
|||
modal.initItems(); |
|||
modal.initEditor(); |
|||
modal.initGotop(); |
|||
modal.selectGoods(); |
|||
$(".btn-save").unbind('click').click(function () { |
|||
var status = $(this).data('status'); |
|||
if (status) { |
|||
tip.msgbox.err("正在保存，请稍候。。。"); |
|||
return |
|||
} |
|||
modal.save() |
|||
}) |
|||
}; |
|||
modal.initItems = function () { |
|||
var html = tpl("tpl_show_menu", modal.advs); |
|||
$("#phone").html(html).show(); |
|||
var len = $(".diymenu .child").length; |
|||
$(".diymenu .child").each(function (i) { |
|||
var width = $(this).outerWidth(); |
|||
var margin = -(width / 2); |
|||
var left = '50%'; |
|||
var pleft = $(this).position().left - width / 2; |
|||
if(i==0 && pleft<2){ |
|||
left = 2; |
|||
margin = 0; |
|||
var pwidth = $(this).closest('.item').width(); |
|||
var arrowleft = pwidth / 2; |
|||
var oldleft = parseFloat($(this).find('.arrow').css('left').replace('px', '')); |
|||
$(this).find('.arrow').css({'left': arrowleft - 10, 'margin-left': 0}) |
|||
} else if (i + 1 == len) { |
|||
var pwidth = $(this).closest('.item').width(); |
|||
if(width>pwidth){ |
|||
var left = - (width - pwidth) - 2; |
|||
margin = 0; |
|||
var c = $(this).closest('.item').width() / 2; |
|||
var arrowleft = width - c; |
|||
$(this).find('.arrow').css({'left': arrowleft - 8, 'margin-left': 0}) |
|||
} |
|||
} |
|||
$(this).css({'position': 'absolute', 'left': left, 'margin-left': margin, 'z-index': 0}) |
|||
}) |
|||
}; |
|||
modal.initSortable = function () { |
|||
$("#diy-editor .inner").sortable({ |
|||
opacity: 0.8, |
|||
placeholder: "highlight", |
|||
items: '.item', |
|||
revert: 100, |
|||
scroll: false, |
|||
cancel: '.goods-selector,input,.btn', |
|||
start: function (event, ui) { |
|||
var height = ui.item.height(); |
|||
$(".highlight").css({"height": height + 22 + "px"}); |
|||
$(".highlight").html('<div><i class="fa fa-plus"></i> 放置此处</div>'); |
|||
$(".highlight div").css({"line-height": height + 16 + "px"}) |
|||
}, |
|||
update: function (event, ui) { |
|||
modal.sortItems() |
|||
} |
|||
}); |
|||
$("#diy-editor .inner .item-child").sortable({ |
|||
opacity: 0.8, |
|||
placeholder: "highlight", |
|||
items: '.item-body', |
|||
revert: 100, |
|||
scroll: false, |
|||
cancel: '.goods-selector,input,.btn', |
|||
start: function (event, ui) { |
|||
var height = ui.item.height(); |
|||
$(".highlight").css({"height": height + "px"}); |
|||
$(".highlight").html('<div><i class="fa fa-plus"></i> 放置此处</div>'); |
|||
$(".highlight div").css({"line-height": height + 16 + "px"}) |
|||
}, |
|||
update: function (event, ui) { |
|||
modal.sortChild() |
|||
} |
|||
}) |
|||
}; |
|||
modal.sortItems = function () { |
|||
var newItems = {}; |
|||
$("#diy-editor .inner .item").each(function () { |
|||
var thisid = $(this).data('id'); |
|||
newItems[thisid] = modal.advs.data[thisid] |
|||
}); |
|||
modal.advs.data = newItems; |
|||
modal.initItems() |
|||
}; |
|||
modal.sortChild = function () { |
|||
var newChild = {}; |
|||
var itemid = modal.itemid; |
|||
$("#diy-editor .inner").find(".item[data-id='" + itemid + "'] .item-child .child").each(function () { |
|||
var thisid = $(this).data('id'); |
|||
newChild[thisid] = modal.advs.data[itemid].child[thisid] |
|||
}); |
|||
modal.advs.data[itemid].child = newChild; |
|||
modal.initItems() |
|||
}; |
|||
modal.initEditor = function () { |
|||
var html = tpl("tpl_edit_menu", modal.advs); |
|||
$("#diy-editor .inner").html(html); |
|||
$("#diy-editor #addChild").unbind('click').click(function () { |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
var childid = modal.getId('C', 0); |
|||
if (!modal.advs.data[itemid].child) { |
|||
modal.advs.data[itemid].child = {} |
|||
} |
|||
modal.advs.data[itemid].child[childid] = {linkurl: '', text: '二级菜单'}; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}); |
|||
$("#diy-editor #addItem").unbind('click').click(function () { |
|||
var itemid = modal.getId('M', 0); |
|||
var max = $(this).closest('.form-items').data('max'); |
|||
var num = modal.length(modal.advs.data); |
|||
if (num >= max) { |
|||
tip.msgbox.err("最大添加 " + max + " 个！"); |
|||
return |
|||
} |
|||
modal.advs.data[itemid] = { |
|||
imgurl: '../addons/{MODULE_NAME}/web/resource/diy/images/adv-3.jpg', |
|||
linkurl: '', |
|||
click: '0', |
|||
url_type:'', |
|||
}; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}); |
|||
$("#diy-editor .del-item").unbind('click').click(function () { |
|||
var min = $(this).closest('.form-items').data('min'); |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
if (min) { |
|||
var length = modal.length(modal.advs.data); |
|||
if (length <= min) { |
|||
tip.msgbox.err("至少保留 " + min + " 个！"); |
|||
return |
|||
} |
|||
} |
|||
tip.confirm("确定删除吗", function () { |
|||
delete modal.advs.data[itemid]; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}) |
|||
}); |
|||
$("#diy-editor .del-child").unbind('click').click(function () { |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
var childid = $(this).closest('.child').data('id'); |
|||
var item = modal.advs.data[itemid]; |
|||
if (item) { |
|||
var child = modal.advs.data[itemid].child[childid]; |
|||
if (child) { |
|||
tip.confirm("确定删除吗", function () { |
|||
delete modal.advs.data[itemid].child[childid]; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}) |
|||
} |
|||
} |
|||
}); |
|||
$("#diy-editor .fold").unbind('click').click(function () { |
|||
var type = $(this).data('type'); |
|||
if (type == 1) { |
|||
$(this).text('收起').data('type', 0).closest('.item').find('.item-child').show() |
|||
} else { |
|||
$(this).text('展开').data('type', 1).closest('.item').find('.item-child').hide() |
|||
} |
|||
}); |
|||
$(document).on('mousedown', "#diy-editor .item-child .child", function () { |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
modal.itemid = itemid |
|||
}); |
|||
$("#diy-editor .slider").each(function () { |
|||
var decimal = $(this).data('decimal'); |
|||
var multiply = $(this).data('multiply'); |
|||
var defaultValue = $(this).data("value"); |
|||
if (decimal) { |
|||
defaultValue = defaultValue * decimal |
|||
} |
|||
$(this).slider({ |
|||
slide: function (event, ui) { |
|||
var sliderValue = ui.value; |
|||
if (decimal) { |
|||
sliderValue = sliderValue / decimal |
|||
} |
|||
$(this).siblings(".input").val(sliderValue).trigger("propertychange"); |
|||
$(this).siblings(".count").find("span").text(sliderValue) |
|||
}, value: defaultValue, min: $(this).data("min"), max: $(this).data("max") |
|||
}) |
|||
}); |
|||
$("#diy-editor").find(".diy-bind").bind('input propertychange change', function () { |
|||
var _this = $(this); |
|||
var bind = _this.data("bind"); |
|||
var bindchild = _this.data('bind-child'); |
|||
var bindparent = _this.data('bind-parent'); |
|||
var bindthree = _this.data('bind-three'); |
|||
var initEditor = _this.data('bind-init'); |
|||
var url_type = $(this).data("types"); |
|||
var value = ''; |
|||
var tag = this.tagName; |
|||
if (tag == 'INPUT') { |
|||
var placeholder = _this.data('placeholder'); |
|||
value = _this.val(); |
|||
value = value == '' ? placeholder : value |
|||
} else if (tag == 'SELECT') { |
|||
value = _this.find('option:selected').val() |
|||
} else if (tag == 'TEXTAREA') { |
|||
value = _this.val() |
|||
} |
|||
value = $.trim(value); |
|||
if (bindchild) { |
|||
if (bindparent) { |
|||
if (bindthree) { |
|||
modal.advs[bindchild][bindparent].child[bindthree][bind] = value; |
|||
} else { |
|||
modal.advs[bindchild][bindparent][bind] = value; |
|||
if(url_type){ |
|||
modal.advs[bindchild][bindparent]['url_type'] = url_type; |
|||
} |
|||
} |
|||
} else { |
|||
modal.advs[bindchild][bind] = value |
|||
} |
|||
} else { |
|||
modal.advs[bind] = value |
|||
} |
|||
|
|||
modal.initItems(); |
|||
if (initEditor) { |
|||
modal.initEditor() |
|||
} |
|||
}); |
|||
$("#phone").mouseenter(function () { |
|||
$("#diy-editor").find('.diy-bind').blur() |
|||
}); |
|||
$("#diy-editor").show(); |
|||
modal.initSortable() |
|||
}; |
|||
modal.initGotop = function () { |
|||
$(window).bind('scroll resize', function () { |
|||
var scrolltop = $(window).scrollTop(); |
|||
if (scrolltop > 100) { |
|||
$("#gotop").show() |
|||
} else { |
|||
$("#gotop").hide() |
|||
} |
|||
$("#gotop").unbind('click').click(function () { |
|||
$('body').animate({scrollTop: "0px"}, 1000) |
|||
}) |
|||
}) |
|||
}; |
|||
modal.length = function (json) { |
|||
if (typeof(json) === 'undefined') { |
|||
return 0 |
|||
} |
|||
var jsonlen = 0; |
|||
for (var item in json) { |
|||
jsonlen++ |
|||
} |
|||
return jsonlen |
|||
}; |
|||
modal.getId = function (S, N) { |
|||
var date = +new Date(); |
|||
var id = S + (date + N); |
|||
return id |
|||
}; |
|||
modal.save = function () { |
|||
if (!modal.advs.data) { |
|||
tip.msgbox.err("广告内容为空！"); |
|||
return |
|||
} |
|||
$(".btn-save").data('status', 1).text("保存中..."); |
|||
var posturl = biz.url("diy/diy/saveAdv", null, modal.merch); |
|||
$.post(posturl, {id: modal.id, advs: modal.advs,adv_class:modal.adv_class}, function (ret) { |
|||
if (ret.errno == 0) { |
|||
tip.msgbox.err(ret.message); |
|||
$(".btn-save").text("保存广告").data("status", 0); |
|||
return |
|||
} |
|||
tip.msgbox.suc("保存成功！", ret.data); |
|||
}, 'json') |
|||
}; |
|||
//选择商品
|
|||
modal.selectGoods = function () { |
|||
//商品组件 - 点击选择商品
|
|||
$("#diy-editor").on('click','.selectGoods',function () { |
|||
var itemid = $(this).attr("itemid"); |
|||
modal.getGoods(0, '', '', itemid); |
|||
}); |
|||
//商品组件 - 点击商品信息栏分页获取当前页内容
|
|||
$("#SelectGoodsContent").on('click', '.paging_button', function() { |
|||
var plugin = $(this).data("plugin"); |
|||
var page = $(this).data("page"); |
|||
var itemid = $("#SelectGoodsContent").attr("itmeid"); |
|||
var search = $("#SelectGoodsContent .searchContent").children("input").val(); |
|||
modal.getGoods(plugin, page,search,itemid); |
|||
}); |
|||
//商品组件 - 搜索商品
|
|||
$("#SelectGoodsContent").on('click', '.goodsSelect', function() { |
|||
var plugin = $(this).data("plugin"); |
|||
var search = $(this).prev(".searchContent").children("input").val(); |
|||
var itemid = $("#SelectGoodsContent").attr("itmeid"); |
|||
modal.getGoods(plugin, 1, search,itemid); |
|||
}); |
|||
//商品组件 - 点击选中商品
|
|||
$("#SelectGoodsContent").on('click', '.selectGoods', function() { |
|||
var key = $(this).data("key"); |
|||
var keys = $(this).data("keys"); |
|||
var info = modal.goods[key]; |
|||
modal.advs.data[keys]['imgurl'] = info.logo; |
|||
modal.advs.data[keys]['linkurl'] = info.detail_url; |
|||
modal.initItems(); |
|||
//更新配置信息
|
|||
var urlid = '#curl-'+keys; |
|||
var imgid = '#cimg-'+keys; |
|||
$(urlid).val(info.detail_url); |
|||
$(imgid).val(info.logo); |
|||
//关闭弹框
|
|||
$("#SelectGoodsContent").modal('hide'); |
|||
}); |
|||
|
|||
}; |
|||
//获取商品信息，显示弹框
|
|||
modal.getGoods = function(plugin, page, search, keys) { |
|||
var info; |
|||
$.ajax({ |
|||
url: biz.url('diy/diy/getGoodsInfo'), |
|||
data: { |
|||
plugin: plugin, |
|||
page: page, |
|||
search: search, |
|||
geturl:1//需要返回商品详情页面的跳转地址
|
|||
}, |
|||
dataType: "json", |
|||
async: false, |
|||
success: function(res) { |
|||
if(res.errno == 0) { |
|||
tip.msgbox.err(res.message); |
|||
return false; |
|||
} |
|||
info = res.data; |
|||
modal.goods = info['goods']; |
|||
info['plugin'] = plugin; |
|||
info['keys'] = keys; |
|||
info['search'] = search; |
|||
//显示弹框
|
|||
var html = tpl("tplSelectGoods", info); |
|||
$("#SelectGoodsContent").html(html); |
|||
$("#SelectGoodsContent").modal(); |
|||
$("#SelectGoodsContent").attr("itmeid",keys); |
|||
if(info['page_number'] <= 1) { |
|||
return false |
|||
} |
|||
//建立分页内容
|
|||
modal.createPaging(info, plugin); |
|||
} |
|||
}); |
|||
}; |
|||
//为弹框建立分页的页码按钮
|
|||
modal.createPaging = function(info, plugin) { |
|||
var page_html = ''; |
|||
if(info['page'] > 1) { |
|||
page_html += "<div class='paging_button' data-plugin='" + plugin + "' data-page='1'>首页</div>"; |
|||
page_html += "<div class='paging_button' data-plugin='" + plugin + "' data-page='" + (info['page'] - 1) + "'>上一页</div>"; |
|||
} |
|||
for(var i = 1; i <= info['page_number']; i++) { |
|||
if(i == info['page']) { |
|||
page_html += "<div class='paging_button paging_pageNumber paging_active' data-plugin='" + plugin + "' data-page='" + i + "'>" + i + "</div>"; |
|||
} else { |
|||
page_html += "<div class='paging_button paging_pageNumber' data-plugin='" + plugin + "' data-page='" + i + "'>" + i + "</div>"; |
|||
} |
|||
} |
|||
var show_num = 5; //显示的按钮数量
|
|||
var but_num = Math.floor(parseInt(show_num) / parseInt(2)); //两边的数量
|
|||
if(info['page_number'] > info['page']) { |
|||
page_html += "<div class='paging_button' data-plugin='" + plugin + "' data-page='" + (parseInt(info['page']) + parseInt(1)) + "'>下一页</div>"; |
|||
page_html += "<div class='paging_button' data-plugin='" + plugin + "' data-page='" + info['page_number'] + "'>尾页</div>"; |
|||
} |
|||
if(info['state'] == 'headline') { |
|||
$("#SelectHeadlineContent .paging").html(page_html); |
|||
}else if(info['state'] == 'shop'){ |
|||
$("#SelectShopContent .paging").html(page_html); |
|||
} else { |
|||
$("#SelectGoodsContent .paging").html(page_html); |
|||
} |
|||
//删除多余的分页按钮
|
|||
if(info['page_number'] > show_num) { |
|||
if(info['page'] <= (parseInt(but_num) + parseInt(1))) { |
|||
//删除大于五的内容
|
|||
$(".paging_pageNumber:gt(" + (show_num - 1) + ")").remove(); |
|||
} else if(info['page'] >= (parseInt(info['page_number']) - parseInt(but_num))) { |
|||
//删除小于总页数减 show_num 的数的内容
|
|||
var maxNumber = parseInt(info['page_number']) - parseInt(show_num); |
|||
$(".paging_pageNumber:lt(" + maxNumber + ")").remove(); |
|||
} else { |
|||
//删除两边 当前数位移 but_num 数量后的内容
|
|||
var min_num = parseInt(info['page']) - (parseInt(but_num) + parseInt(1)); //最小显示的页面 左
|
|||
$(".paging_pageNumber:lt(" + min_num + ")").remove(); |
|||
$(".paging_pageNumber:gt(" + (show_num - 1) + ")").remove(); |
|||
} |
|||
} |
|||
}; |
|||
return modal |
|||
}); |
|||
@ -0,0 +1,391 @@ |
|||
define(['jquery.ui'], function (ui) { |
|||
var modal = {itemid: ''}; |
|||
modal.init = function (params) { |
|||
window.tpl = params.tpl; |
|||
modal.attachurl = params.attachurl; |
|||
modal.menu = params.menu; |
|||
modal.id = params.id; |
|||
modal.merch = params.merch; |
|||
modal.menu_class = params.menu_class; |
|||
modal.back_url = params.back_url; |
|||
if (!modal.menu) { |
|||
modal.menu = { |
|||
menu_class:params.menu_class,//1=公众号页面 2=小程序页面
|
|||
name: '未命名自定义菜单', |
|||
params: {'navstyle': '0', 'navfloat': 'top'}, |
|||
style: { |
|||
'bgcolor': '#ffffff', |
|||
'iconcolor': '#999999', |
|||
'iconcoloron': '#FE433F', |
|||
'textcolor': '#999999', |
|||
'textcoloron': '#FE433F', |
|||
}, |
|||
data: { |
|||
M0123456789101: { |
|||
imgurl: '../addons/{MODULE_NAME}/web/resource/diy/images/menu-1.png', |
|||
default_img:'../addons/{MODULE_NAME}/web/resource/diy/images/menu-1.png', |
|||
select_img:'../addons/{MODULE_NAME}/web/resource/diy/images/menu-1.png', |
|||
linkurl: '', |
|||
iconclass: 'icon-home', |
|||
text: '首页', |
|||
url_type:'', |
|||
page_path:'', |
|||
}, |
|||
M0123456789102: { |
|||
imgurl: '../addons/weliam_smartcity/web/resource/diy/images/menu-2.png', |
|||
default_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-2.png', |
|||
select_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-2.png', |
|||
linkurl: '', |
|||
iconclass: 'icon-shop', |
|||
text: '好店', |
|||
url_type:'', |
|||
page_path:'', |
|||
}, |
|||
M0123456789103: { |
|||
imgurl: '../addons/weliam_smartcity/web/resource/diy/images/menu-3.png', |
|||
default_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-3.png', |
|||
select_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-3.png', |
|||
linkurl: '', |
|||
iconclass: 'icon-news_light', |
|||
text: '一卡通', |
|||
url_type:'', |
|||
page_path:'', |
|||
}, |
|||
M0123456789104: { |
|||
imgurl: '../addons/weliam_smartcity/web/resource/diy/images/menu-4.png', |
|||
default_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-4.png', |
|||
select_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-4.png', |
|||
linkurl: '', |
|||
iconclass: 'icon-write', |
|||
text: '入驻', |
|||
url_type:'', |
|||
page_path:'', |
|||
}, |
|||
M0123456789105: { |
|||
imgurl: '../addons/weliam_smartcity/web/resource/diy/images/menu-5.png', |
|||
default_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-5.png', |
|||
select_img:'../addons/weliam_smartcity/web/resource/diy/images/menu-5.png', |
|||
linkurl: '', |
|||
iconclass: 'icon-my', |
|||
text: '我的', |
|||
url_type:'', |
|||
page_path:'', |
|||
} |
|||
} |
|||
} |
|||
} |
|||
tpl.helper("imgsrc", function (src) { |
|||
if (typeof src != 'string') { |
|||
return '' |
|||
} |
|||
if (src.indexOf('http://') == 0 || src.indexOf('https://') == 0 || src.indexOf('../addons') == 0) { |
|||
return src |
|||
} else if (src.indexOf('images/') == 0) { |
|||
return modal.attachurl + src |
|||
} |
|||
}); |
|||
tpl.helper("count", function (data) { |
|||
return modal.footlength(data) |
|||
}); |
|||
tpl.helper("link", function (link) { |
|||
if (!link) { |
|||
return |
|||
} |
|||
return '../app/' + link |
|||
}); |
|||
tpl.helper("px", function (num) { |
|||
return num / 20 |
|||
}); |
|||
modal.initItems(); |
|||
modal.initEditor(); |
|||
modal.initGotop(); |
|||
$(".btn-save").unbind('click').click(function () { |
|||
var status = $(this).data('status'); |
|||
if (status) { |
|||
tip.msgbox.err("正在保存，请稍候。。。"); |
|||
return |
|||
} |
|||
modal.save() |
|||
}) |
|||
|
|||
}; |
|||
modal.initItems = function () { |
|||
var html = tpl("tpl_show_menu",modal.menu); |
|||
$("#phone").html(html).show(); |
|||
var len = $(".diymenu .child").length; |
|||
$(".diymenu .child").each(function (i) { |
|||
var width = $(this).outerWidth(); |
|||
var margin = -(width / 2); |
|||
var left = '50%'; |
|||
var pleft = $(this).position().left - width / 2; |
|||
|
|||
if(i==0 && pleft<2){ |
|||
left = 2; |
|||
margin = 0; |
|||
var pwidth = $(this).closest('.item').width(); |
|||
var arrowleft = pwidth / 2; |
|||
var oldleft = parseFloat($(this).find('.arrow').css('left').replace('px', '')); |
|||
$(this).find('.arrow').css({'left': arrowleft - 10, 'margin-left': 0}) |
|||
} else if (i + 1 == len) { |
|||
|
|||
var pwidth = $(this).closest('.item').width(); |
|||
|
|||
if(width>pwidth){ |
|||
var left = - (width - pwidth) - 2; |
|||
margin = 0; |
|||
|
|||
var c = $(this).closest('.item').width() / 2; |
|||
var arrowleft = width - c; |
|||
$(this).find('.arrow').css({'left': arrowleft - 8, 'margin-left': 0}) |
|||
} |
|||
|
|||
|
|||
} |
|||
$(this).css({'position': 'absolute', 'left': left, 'margin-left': margin, 'z-index': 0}) |
|||
}) |
|||
}; |
|||
modal.initSortable = function () { |
|||
$("#diy-editor .inner").sortable({ |
|||
opacity: 0.8, |
|||
placeholder: "highlight", |
|||
items: '.item', |
|||
revert: 100, |
|||
scroll: false, |
|||
cancel: '.goods-selector,input,.btn', |
|||
start: function (event, ui) { |
|||
var height = ui.item.height(); |
|||
$(".highlight").css({"height": height + 22 + "px"}); |
|||
$(".highlight").html('<div><i class="fa fa-plus"></i> 放置此处</div>'); |
|||
$(".highlight div").css({"line-height": height + 16 + "px"}) |
|||
}, |
|||
update: function (event, ui) { |
|||
modal.sortItems() |
|||
} |
|||
}); |
|||
$("#diy-editor .inner .item-child").sortable({ |
|||
opacity: 0.8, |
|||
placeholder: "highlight", |
|||
items: '.item-body', |
|||
revert: 100, |
|||
scroll: false, |
|||
cancel: '.goods-selector,input,.btn', |
|||
start: function (event, ui) { |
|||
var height = ui.item.height(); |
|||
$(".highlight").css({"height": height + "px"}); |
|||
$(".highlight").html('<div><i class="fa fa-plus"></i> 放置此处</div>'); |
|||
$(".highlight div").css({"line-height": height + 16 + "px"}) |
|||
}, |
|||
update: function (event, ui) { |
|||
modal.sortChild() |
|||
} |
|||
}) |
|||
}; |
|||
modal.sortItems = function () { |
|||
var newItems = {}; |
|||
$("#diy-editor .inner .item").each(function () { |
|||
var thisid = $(this).data('id'); |
|||
newItems[thisid] = modal.menu.data[thisid] |
|||
}); |
|||
modal.menu.data = newItems; |
|||
modal.initItems() |
|||
}; |
|||
modal.sortChild = function () { |
|||
var newChild = {}; |
|||
var itemid = modal.itemid; |
|||
$("#diy-editor .inner").find(".item[data-id='" + itemid + "'] .item-child .child").each(function () { |
|||
var thisid = $(this).data('id'); |
|||
newChild[thisid] = modal.menu.data[itemid].child[thisid] |
|||
}); |
|||
modal.menu.data[itemid].child = newChild; |
|||
modal.initItems() |
|||
}; |
|||
modal.initEditor = function () { |
|||
var html = tpl("tpl_edit_menu", modal.menu); |
|||
$("#diy-editor .inner").html(html); |
|||
$("#diy-editor #addChild").unbind('click').click(function () { |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
var childid = modal.getId('C', 0); |
|||
if (!modal.menu.data[itemid].child) { |
|||
modal.menu.data[itemid].child = {} |
|||
} |
|||
modal.menu.data[itemid].child[childid] = {linkurl: '', text: '二级菜单'}; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}); |
|||
$("#diy-editor #addItem").unbind('click').click(function () { |
|||
var itemid = modal.getId('M', 0); |
|||
var max = $(this).closest('.form-items').data('max'); |
|||
var num = modal.footlength(modal.menu.data); |
|||
if (num >= max) { |
|||
tip.msgbox.err("最大添加 " + max + " 个！"); |
|||
return |
|||
} |
|||
modal.menu.data[itemid] = { |
|||
imgurl: '../addons/weliam_smartcity/web/resource/images/nopic-small.jpg', |
|||
linkurl: '', |
|||
iconclass: 'icon-home', |
|||
text: '菜单文字', |
|||
url_type:'', |
|||
page_path:'', |
|||
}; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}); |
|||
$("#diy-editor .del-item").unbind('click').click(function () { |
|||
var min = $(this).closest('.form-items').data('min'); |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
if (min) { |
|||
var length = modal.footlength(modal.menu.data); |
|||
if (length <= min) { |
|||
tip.msgbox.err("至少保留 " + min + " 个！"); |
|||
return |
|||
} |
|||
} |
|||
tip.confirm("确定删除吗", function () { |
|||
delete modal.menu.data[itemid]; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}) |
|||
}); |
|||
$("#diy-editor .del-child").unbind('click').click(function () { |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
var childid = $(this).closest('.child').data('id'); |
|||
var item = modal.menu.data[itemid]; |
|||
if (item) { |
|||
var child = modal.menu.data[itemid].child[childid]; |
|||
if (child) { |
|||
tip.confirm("确定删除吗", function () { |
|||
delete modal.menu.data[itemid].child[childid]; |
|||
modal.initItems(); |
|||
modal.initEditor() |
|||
}) |
|||
} |
|||
} |
|||
}); |
|||
$("#diy-editor .fold").unbind('click').click(function () { |
|||
var type = $(this).data('type'); |
|||
if (type == 1) { |
|||
$(this).text('收起').data('type', 0).closest('.item').find('.item-child').show() |
|||
} else { |
|||
$(this).text('展开').data('type', 1).closest('.item').find('.item-child').hide() |
|||
} |
|||
}); |
|||
$(document).on('mousedown', "#diy-editor .item-child .child", function () { |
|||
var itemid = $(this).closest('.item').data('id'); |
|||
modal.itemid = itemid |
|||
}); |
|||
$("#diy-editor .slider").each(function () { |
|||
var decimal = $(this).data('decimal'); |
|||
var multiply = $(this).data('multiply'); |
|||
var defaultValue = $(this).data("value"); |
|||
if (decimal) { |
|||
defaultValue = defaultValue * decimal |
|||
} |
|||
$(this).slider({ |
|||
slide: function (event, ui) { |
|||
var sliderValue = ui.value; |
|||
if (decimal) { |
|||
sliderValue = sliderValue / decimal |
|||
} |
|||
$(this).siblings(".input").val(sliderValue).trigger("propertychange"); |
|||
$(this).siblings(".count").find("span").text(sliderValue) |
|||
}, value: defaultValue, min: $(this).data("min"), max: $(this).data("max") |
|||
}) |
|||
}); |
|||
$("#diy-editor").find(".diy-bind").bind('input propertychange change', function () { |
|||
var _this = $(this); |
|||
var bind = _this.data("bind"); |
|||
var bindchild = _this.data('bind-child'); |
|||
var bindparent = _this.data('bind-parent'); |
|||
var bindthree = _this.data('bind-three'); |
|||
var initEditor = _this.data('bind-init'); |
|||
var value = ''; |
|||
var type = $(this).data("types"); |
|||
var page_path = $(this).data("page_path"); |
|||
var tag = this.tagName; |
|||
if (tag == 'INPUT') { |
|||
var placeholder = _this.data('placeholder'); |
|||
value = _this.val(); |
|||
value = value == '' ? placeholder : value |
|||
} else if (tag == 'SELECT') { |
|||
value = _this.find('option:selected').val() |
|||
} else if (tag == 'TEXTAREA') { |
|||
value = _this.val() |
|||
} |
|||
value = $.trim(value); |
|||
if(type){ |
|||
modal.menu[bindchild][bindparent]['url_type'] = type; |
|||
} |
|||
if(page_path){ |
|||
modal.menu[bindchild][bindparent]['page_path'] = page_path; |
|||
} |
|||
if (bindchild) { |
|||
if (bindparent) { |
|||
if (bindthree) { |
|||
modal.menu[bindchild][bindparent].child[bindthree][bind] = value |
|||
} else { |
|||
modal.menu[bindchild][bindparent][bind] = value |
|||
} |
|||
} else { |
|||
modal.menu[bindchild][bind] = value |
|||
} |
|||
} else { |
|||
modal.menu[bind] = value |
|||
} |
|||
modal.initItems(); |
|||
if (initEditor) { |
|||
modal.initEditor() |
|||
} |
|||
}); |
|||
$("#phone").mouseenter(function () { |
|||
$("#diy-editor").find('.diy-bind').blur() |
|||
}); |
|||
$("#diy-editor").show(); |
|||
modal.initSortable() |
|||
}; |
|||
modal.initGotop = function () { |
|||
$(window).bind('scroll resize', function () { |
|||
var scrolltop = $(window).scrollTop(); |
|||
if (scrolltop > 100) { |
|||
$("#gotop").show() |
|||
} else { |
|||
$("#gotop").hide() |
|||
} |
|||
$("#gotop").unbind('click').click(function () { |
|||
$('body').animate({scrollTop: "0px"}, 1000) |
|||
}) |
|||
}) |
|||
}; |
|||
modal.footlength = function (json) { |
|||
if (typeof(json) === 'undefined') { |
|||
return 0 |
|||
} |
|||
var jsonlen = 0; |
|||
for (var item in json) { |
|||
jsonlen++ |
|||
} |
|||
return jsonlen |
|||
}; |
|||
modal.getId = function (S, N) { |
|||
var date = +new Date(); |
|||
var id = S + (date + N); |
|||
return id |
|||
}; |
|||
modal.save = function () { |
|||
if (!modal.menu.data) { |
|||
tip.msgbox.err("菜单为空！"); |
|||
return |
|||
} |
|||
$(".btn-save").data('status', 1).text("保存中..."); |
|||
var posturl = biz.url("diy/diy/saveMenu", null, modal.merch); |
|||
$.post(posturl, {id: modal.id, menu: modal.menu,menu_class:modal.menu_class}, function (ret) { |
|||
if (ret.errno == 0) { |
|||
tip.msgbox.err(ret.message); |
|||
$(".btn-save").text("保存菜单").data("status", 0); |
|||
return |
|||
} |
|||
tip.msgbox.suc("保存成功！", ret.data); |
|||
}, 'json') |
|||
}; |
|||
return modal |
|||
}); |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 884 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue