银花优选微信小程序修改后的最新版本代码
This commit is contained in:
ss001
250
pages/businessview/index.wxss
Normal file
250
pages/businessview/index.wxss
Normal file
@@ -0,0 +1,250 @@
|
||||
page{
|
||||
background: #ccc;
|
||||
}
|
||||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container0{
|
||||
margin-top: 0em;
|
||||
padding: 0.8em;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
.swiper{
|
||||
width:100%;
|
||||
background-color: #fff;
|
||||
border-radius:0.5em;
|
||||
padding: 0.8em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.swiper_box {
|
||||
width: 100%;
|
||||
min-height: 14em;
|
||||
}
|
||||
|
||||
swiper-item image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
.business_view {
|
||||
width: 100%;
|
||||
padding: 0 0.8em;
|
||||
padding-bottom: 0.8em;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
color: #939393;
|
||||
line-height: 2em;
|
||||
}
|
||||
.view_title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
font-size: 1em;
|
||||
font-weight: 900;
|
||||
color:#000;
|
||||
}
|
||||
.view_distance {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.view_distance .view_distance_box {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.view_distance .view_distance_box .ico {
|
||||
margin-left: 0.5em;
|
||||
margin-top: 0.3em;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
.view_distance .view_distance_box .ico image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.view_address {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.view_address .ico {
|
||||
margin-top: 0.3em;
|
||||
width: 1.4em;
|
||||
height: 1.4em;
|
||||
}
|
||||
|
||||
.view_address .ico image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.view_fwbody {
|
||||
width: 100%;
|
||||
}
|
||||
.text{
|
||||
margin-top: 0;
|
||||
line-height: 2.5em;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.text .line_flag{
|
||||
margin-top: 0em;
|
||||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
width:0.5em;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
background-color: #f0514d;
|
||||
border-radius:0.2em;
|
||||
}
|
||||
|
||||
.text .line_more{
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
align-self: center;
|
||||
color:#ff0000
|
||||
}
|
||||
|
||||
.choice_box {
|
||||
margin-top:0em;
|
||||
margin-bottom:4em;
|
||||
padding:0.8em;
|
||||
z-index:11;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.choice_box .choice_box_to{
|
||||
padding:0;
|
||||
background-color:#ffffff;
|
||||
box-sizing: border-box;
|
||||
border-radius:0.5em;
|
||||
}
|
||||
.choice_box .choice_box_to .text{
|
||||
|
||||
}
|
||||
.choice_box .choice_box_to .text .line_flag{
|
||||
background-color: #00B050;
|
||||
}
|
||||
.choice_box .choice_list .choice_item{
|
||||
padding:0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
.choice_box .choice_list .choice_item .choice_item_box{
|
||||
padding:0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.choice_box .choice_list .choice_item .choice_image{
|
||||
float:left;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 42%;
|
||||
height: 10em;
|
||||
padding: 1em;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.choice_box .choice_list .choice_item .choice_image_box{
|
||||
float:left;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.choice_box .choice_list .choice_item .choice_image_box image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.choice_box .choice_list .choice_item .choice_image_box .YPTNum{
|
||||
position: absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
line-height: 2em;
|
||||
font-size: 1em;
|
||||
width:100%;
|
||||
text-align: center;
|
||||
background:rgba(0, 0, 0, 0.5);
|
||||
color:#fff;
|
||||
}
|
||||
.choice_box .choice_list .right_title{
|
||||
float:left;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
box-sizing: border-box;
|
||||
padding:1em;
|
||||
padding-left: 0;
|
||||
width:58%;
|
||||
height: 10em;
|
||||
|
||||
}
|
||||
.choice_box .choice_list .right_name {
|
||||
float:left;
|
||||
margin-bottom: 0.5em;
|
||||
display:block;
|
||||
width:100%;
|
||||
height:3em;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.choice_box .choice_list .jeto{
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
font-size: 0.85em;
|
||||
color:#848484;
|
||||
}
|
||||
|
||||
|
||||
.choice_box .choice_list .jeto .scje{
|
||||
text-decoration:line-through;
|
||||
}
|
||||
.choice_box .choice_list .jeto .hyje{
|
||||
color: #ff4d00;
|
||||
line-height:1.5em;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
.choice_box .choice_list .right_button {
|
||||
float:left;
|
||||
display:block;
|
||||
margin:0;
|
||||
margin-top: 0.5em;
|
||||
width:100%;
|
||||
}
|
||||
.choice_box .choice_list .right_button view{
|
||||
float:right;
|
||||
display:block;
|
||||
margin:0;
|
||||
width:6em;
|
||||
text-align: center;
|
||||
padding:0.2em 0.5em;
|
||||
box-sizing: border-box;
|
||||
background:linear-gradient(to right,#00B050,#00B050);
|
||||
color:#fff;
|
||||
border-radius:0.5em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.choice_box .choice_list .right_button view.visited{
|
||||
background:linear-gradient(to left,#e1e1e1,#e8e8e8);
|
||||
border:1px solid #dfdfdf;
|
||||
color:#aaa;
|
||||
}
|
||||
.nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;}
|
||||
.nodata image {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
Reference in New Issue
Block a user