Skip to content

T
tl_estate
Commit 84223182 authored by agping's avatar agping
Browse files
Options

pc推广 app分享 优化

parent df0ab3d3
Hide whitespace changes
Inline Side-by-side
Showing with 553 additions and 12 deletions
application/app/view/index/share_detail.html
View file @ 84223182
......@@ -10,7 +10,8 @@
<link rel="stylesheet" href="/app/css/common.css">
<link rel="stylesheet" href="/app/css/details.css">
<link rel="stylesheet" href="/app/css/lunbo.css">
<link rel="stylesheet" href="/app/css/details_tl.css?new01">
<!--<link rel="stylesheet" href="/app/css/details_tl.css?new01">-->
<link rel="stylesheet" href="/app/css/details_tl_tuiguang.css?new01">
<link>
</head>
......
application/index/view/share_shop/share_detail.html
View file @ 84223182
......@@ -248,8 +248,8 @@
<div>
<p>
<a id="fix_tel" href="javascript:;">
<img src="/app/images/icon_telephone@2x.png" class="tel-agent"/><br/>
<span>拨打电话</span>
<img src="/app/images/share_call_tel.gif" class="tel-agent"/>
<!--<span>拨打电话</span>-->
</a>
</p>
</div>
......
public/app/css/details_tl.css
View file @ 84223182
......@@ -394,46 +394,49 @@
.fix_area_bottom_new>div{
width: 100%;
height: 1rem;
background: rgba(0,0,0,0.7);
/*background: rgba(0,0,0,0.7);*/
background: #FFFFFF;
box-shadow: 0 -4px 4px 0 #F8F9FB;
position: absolute;
bottom: 0;
left: 0;
font-size: 0.24rem;
color: white;
color: #000;
}
.fix_area_bottom_new>div>div:nth-of-type(1){
width: 64%;
width: 48%;
float: left;
}
.fix_area_bottom_new>div>div:nth-of-type(2){
float: left;
float: right;
margin-right: .3rem;
}
.fix_area_bottom_new>div>div:nth-of-type(1)>p{
margin-top: .18rem;
}
.fix_area_bottom_new>div>div:nth-of-type(2)>p{
margin-left: 1rem;
margin-top: .12rem;
margin-top: .08rem;
text-align: center;
}
.head-img-agent{
height: .64rem;
width: .64rem;
border-radius: .32rem;
margin-left: .7rem;
margin-left: .3rem;
vertical-align: middle;
margin-top: -0.16rem;
}
.tel-agent{
height: .4rem;
width: .4rem;
width: 2.52rem;
height: .84rem;
}
body{
margin-bottom: 1.4rem;
}
.head-agent{
display: inline-block;
width: 3.3rem;
width: 2.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
......@@ -520,6 +523,9 @@ body{
float: right;
margin-right: .3rem;
}
#fix_tel{
display: inline-block;
}
.ul-agent-content-pc li{
overflow: hidden;
margin-bottom: .3rem;
......
public/app/css/details_tl_tuiguang.css 0 → 100644
View file @ 84223182
.line_a{
width: 92%;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.a_fonta{
font-size: 0.38rem;
color: #333333;
float: left;
font-weight: 900;
margin-top:0.4rem;
width: 100%;
}
.a_fontb{
font-size: 0.4rem;
color: #111;
float: left;
font-weight: 900;
margin-top:0.3rem;
width: 100%;
}
#font_24{
font-size: .24rem;
color: #4D4D4D;
}
.a_fontc{
background-image: url("../images/tonglian/di_wuye@2x.png");
background-size: 100% 0.6rem;
color: #ff9419;
font-size: 0.28rem;
text-indent: 0.26rem;
font-weight: 400;
float: left;
padding-right: 0.26rem;
line-height: 0.6rem;
margin-top: 0.3rem;
}
.a_fontd{
background-image: url("../images/tonglian/di_jinchang@2x.png");
background-size: 100% 0.6rem;
color: #ff9419;
font-size: 0.28rem;
text-indent: 0.26rem;
font-weight: 400;
float: left;
padding-right: 0.26rem;
line-height: 0.6rem;
margin-left: 0.3rem;
margin-top: 0.3rem;
}
.line_a_ul{
width: 100%;
}
.line_a_ulul{
margin-top: 0.15rem;
width: 92%;
}
.line_a_ul ul li{
width: 1.2rem;
height: .4rem;
font-size: 0.2rem;
color: #1A1A1A;
line-height: 0.4rem;
float: left;
margin-left: 0.3rem;
text-align: center;
margin-top: 0.15rem;
background-color: #F0F0F0;
}
.line_hr{
width: 92%;
height: 1px;
background: #E6E6E6;
margin-top: 0.4rem;
float: left;
margin-left: 3%;
}
.line_b{
width: 92%;
height: auto;
overflow: hidden;
}
.line_b ul li{
float: left;
}
.ul_b1{
width: 28%;
margin-left: 4%;
}
.ul_b3{
width: 28%;
margin-left: 4%;
}
.b1_span{
width: 100%;
font-size: 0.24rem;
color: #999;
text-align: center;
float: left;
margin-top: 0.4rem;
}
.b1_span_{
width: 100%;
font-size: 0.26rem;
color: #1A1A1A;
text-align: center;
float: left;
margin-top: 0.4rem;
}
.b1_span2{
color: #ff9419;
font-size: 0.4rem;
text-align: center;
margin-top: 0.3rem;
margin-left: 0.4rem;
}
/*.b1_span_totl{
color: #ff9419;
font-size: 0.4rem;
text-align: center;
width: 100%;
float: left;
}*/
.b1_span_totl{
color: #FF5C50;
font-size: 0.26rem;
text-align: center;
width: 100%;
float: left;
margin-top: .2rem;
}
.b1_span_totl_{
color: #1A1A1A;
font-size: 0.4rem;
text-align: center;
width: 100%;
float: left;
margin-top: .2rem;
}
.ul_b2{
width: 35%;
margin-left: 1%;
}
.b1_font{
color: #ff9419;
font-size: 0.28rem;
}
.b3_font1{
width: 92%;
font-size: 0.28rem;
color: #999999;
margin-left: 0.3rem;
float: left;
margin-top: 0.4rem;
}
.b3_font2{
width: 92%;
font-size: 0.28rem;
color: #999999;
margin-left: 0.3rem;
float: left;
margin-top: 0.3rem;
}
.gw{
color: #333333;
}
.b3_font3{
width: 15%;
font-size: 0.28rem;
color: #999999;
margin-left: 0.3rem;
float: left;
}
.b3_span3{
width: 78%;
/*float: left;*/
font-size: 0.28rem;
}
.dt{
margin-top: 0.3rem;
}
.b4_font{
width: 92%;
margin: 0 auto;
height: auto;
}
.b4_font .b4_font_p{
color: #333333;
font-size: 0.34rem;
width: 100%;
float: left;
font-weight: 900;
margin-top: 0.4rem;
}
.yw{
width: 100%;
font-size: 0.28rem;
color: #333333;
float: left;
margin-top: 0.3rem;
}
.b4_font2{
width: 100%;
font-size: 0.28rem;
color: #999999;
float: left;
margin-top: 0.3rem;
}
.zhaoshang-time-p, .kaiye-time-p{
display: none;
}
.b4_font3 {
width: 15%;
font-size: 0.28rem;
color: #999999;
/* margin-left: 0.3rem; */
float: left;
margin-top: 0.3rem;
}
.img_url{
width: 100%;
height: 3rem;
background: #fff5bd;
float: left;
margin-top: 0.4rem;
}
.but_right{
width: 0.13rem;
height: 0.23rem;
float: right;
margin-top: 0.13rem;
}
.lp{
margin-left: 0!important;
}
/*楼盘图*/
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin-top: 0.3rem;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
display: none;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.slide img{
width: 7.5rem;
height: 4rem;
float: left;
object-fit: contain;
}
.right{
float: right;
width: 47%;
}
.b3_span_shop_num{
display: none;
}
#planter{
margin-bottom: .3rem;
}
/*配套设施*/
.supporting-facilities{
width: 100%;
margin-bottom: 3.5rem;
}
.supporting-facilities>li{
float: left;
width: 20%;
margin-top: .32rem;
text-align: center;
}
.supporting-facilities>li span{
float: left;
width: 100%;
}
.supporting-facilities-img{
width: .4rem;
}
.icon-bg-facilities{
margin-bottom:.14rem ;
}
/*商铺详情 新的版本 样式更改*/
.b3_spanhao_font{
width: 92%;
font-size: 0.28rem;
color: #999999;
margin-left: 0.3rem;
float: left;
margin-top: .08rem;
}
.b3_spanhao_left{
float: right;
}
.b4_font_p_evaluation_first{
font-size: .28rem;
color: #333;
line-height: .56rem;
font-weight: 900;
}
.b4_font_p_evaluation{
font-size: .28rem;
color: #333;
margin-top: 0rem;
line-height: .56rem;
font-weight: 900;
}
.b4_font_evaluation{
color: #999999;
font-weight: 500;
}
.fix_area_bottom_new{
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
display: none;
}
.fix_area_bottom_new>div{
width: 100%;
height: 1rem;
/*background: rgba(0,0,0,0.7);*/
background: #FFFFFF;
box-shadow: 0 -4px 4px 0 #F8F9FB;
position: absolute;
bottom: 0;
left: 0;
font-size: 0.24rem;
color: #000;
}
.fix_area_bottom_new>div>div:nth-of-type(1){
width: 48%;
float: left;
}
.fix_area_bottom_new>div>div:nth-of-type(2){
float: right;
margin-right: .3rem;
}
.fix_area_bottom_new>div>div:nth-of-type(1)>p{
margin-top: .18rem;
}
.fix_area_bottom_new>div>div:nth-of-type(2)>p{
margin-left: 1rem;
margin-top: .08rem;
text-align: center;
}
.head-img-agent{
height: .64rem;
width: .64rem;
border-radius: .32rem;
margin-left: .3rem;
vertical-align: middle;
margin-top: -0.16rem;
}
.tel-agent{
width: 2.52rem;
height: .84rem;
}
body{
margin-bottom: 1.4rem;
}
.head-agent{
display: inline-block;
width: 2.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 0.16rem;
}
/*商铺详情 动画*/
.shop-list{
position: fixed;
right: .2rem;
bottom: 2rem;
height: 2rem;
width: 1.64rem;
display: none;
background: url(/app/images/clik_shop_icon1.png) no-repeat 0 0/1.64rem 1.78rem;
}
.shop-list>img{
width: .8rem;
height: .88rem;
position: absolute;
animation: fly 1.5s infinite;
-webkit-animation: fly 1.5s infinite;
}
@keyframes fly {
0% {
bottom: 0;
right: -.1rem;
}
70% {
bottom: .3rem;
right: .14rem;
}
100% {
bottom: 0;
right: -.1rem;
}
}
@-webkit-keyframes fly {
0% {
bottom: 0;
right: -.1rem;
}
70% {
bottom: .3rem;
right: .14rem;
}
100% {
bottom: 0;
right: -.1rem;
}
}
/*.shop-list img{
width: 1.6rem;
}*/
.b3_span_shop_mianji{
display: none;
}
/*pc 官网css*/
.head-img-agent-pc {
height: .64rem;
width: .64rem;
border-radius: .32rem;
vertical-align: middle;
float: left;
}
.tel-img-agent-pc{
height: .5rem;
width: .5rem;
vertical-align: middle;
}
.agent-content-pc{
float: left;
margin-left: .16rem;
}
.agent-name-pc{
color: #333;
font-size: .28rem;
}
.agent-grade-pc{
color: #999;
font-size: .24rem;
}
#fix_tel_pc{
float: right;
margin-right: .3rem;
}
#fix_tel{
display: inline-block;
}
.ul-agent-content-pc li{
overflow: hidden;
margin-bottom: .3rem;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment