parent
28417ff487
commit
f275205477
@ -1,6 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarBackgroundColor": "#4E8F6E",
|
||||
"navigationBarTitleText": "基地信息",
|
||||
"navigationBarTextStyle": "white"
|
||||
"navigationStyle":"custom"
|
||||
}
|
||||
@ -1,242 +1,431 @@
|
||||
/* pages/info/info.wxss */
|
||||
.info-list{
|
||||
padding: 0 50rpx;
|
||||
|
||||
page{
|
||||
background-color:#F5F5F5 ;
|
||||
}
|
||||
.info-title{
|
||||
padding-top: 40rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
.info-container{
|
||||
/* height: 100vh; */
|
||||
position: relative;
|
||||
}
|
||||
.info-title>view:nth-child(1){
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
.title-nav,.back-home{
|
||||
color: white;
|
||||
}
|
||||
.info-title>view:nth-child(2){
|
||||
background: #FFFFEE;
|
||||
padding: 0 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.navTitleColor {
|
||||
color: #000000;
|
||||
transition: all 1.5s;
|
||||
}
|
||||
.ping-num{
|
||||
margin: 0 10rpx;
|
||||
.info-item{
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.ping-total{
|
||||
color: #C5C5BE;
|
||||
.info-title-image{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 490rpx;
|
||||
}
|
||||
/* */
|
||||
.info-address{
|
||||
padding-top: 15rpx;
|
||||
.info-title-image image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.info-list{
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 410rpx;
|
||||
transform: translate(-50%);
|
||||
width: 90%;
|
||||
}
|
||||
/* 1开始 */
|
||||
.list-item1{
|
||||
width: 100%;
|
||||
height: 390rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 19rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 29rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.address1,.address3{
|
||||
color: #666666;
|
||||
.item1-title{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.address2{
|
||||
color: #AEAEAE;
|
||||
.title-text{
|
||||
font-size: 38rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
}
|
||||
/* */
|
||||
.friendship-btn{
|
||||
padding-top: 30rpx;
|
||||
.title-pf {
|
||||
width: 267rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 19rpx;
|
||||
}
|
||||
.pf-radius{
|
||||
width: 96rpx;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/评分背景.png');
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.pf-pjNum{
|
||||
flex: 1;
|
||||
line-height: 40rpx;
|
||||
background-color: #DEEEE7;
|
||||
border-radius: 0 22rpx 22rpx 0;
|
||||
font-size: 24rpx;
|
||||
color: #28513F;
|
||||
font-weight: 400;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
box-sizing:border-box;
|
||||
padding: 0 8rpx;
|
||||
}
|
||||
.title-right{
|
||||
height: 112rpx;
|
||||
width: 112rpx;
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/电话.png');
|
||||
background-size: cover
|
||||
}
|
||||
.item1-timer,
|
||||
.item1-address{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
.timer-left,.address-left{
|
||||
flex: 1;
|
||||
}
|
||||
.timer-left-top,.address-left-top{
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.friendship-btn>view{
|
||||
font-size: 30rpx;
|
||||
background: #F1F1F1;
|
||||
border-radius: 12rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
.timer-left-bottom{
|
||||
margin-top: 16rpx;
|
||||
margin-bottom: 20rpx;
|
||||
text-align: center;
|
||||
border: 1px solid #E6E6E6;
|
||||
width: 102rpx;
|
||||
border-radius: 4rpx;
|
||||
font-size: 23rpx;
|
||||
font-weight: 400;
|
||||
color: #808080;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.address-left-bottom{
|
||||
margin-top: 16rpx;
|
||||
font-size: 23rpx;
|
||||
font-weight: 400;
|
||||
color: #808080;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.timer-right,.address-right {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 130rpx;
|
||||
color: #808080;
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
/* 1结束 */
|
||||
.list-item-title{
|
||||
margin: 38rpx 0;
|
||||
font-size: 38rpx;
|
||||
font-weight: 500;
|
||||
color: #020202;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
}
|
||||
/* 2开始 */
|
||||
.list-item-box{
|
||||
width: 100%;
|
||||
height: 390rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 19rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 29rpx;
|
||||
}
|
||||
.list-item-box{
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.friendship-btn>view>text{
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
/* */
|
||||
.introduce-data{
|
||||
padding-top: 25rpx;
|
||||
font-size: 28rpx;
|
||||
color: #AEAEAE;
|
||||
.item-box{
|
||||
display: flex;
|
||||
}
|
||||
/* */
|
||||
.environment-data{
|
||||
padding-top: 25rpx;
|
||||
.item-box>view{
|
||||
margin-right: 19rpx;
|
||||
width: 128rpx;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
text-align: center;
|
||||
background: #F5F5F5;
|
||||
/* border: 1px solid #499F7A; */
|
||||
border-radius: 10rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.box-option{
|
||||
box-sizing: border-box;
|
||||
padding-top: 30rpx;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
}
|
||||
.environment-data>view{
|
||||
/* ((父元素宽度 - 列之间的宽度*(列数-1)) / 列数); */
|
||||
flex: 0 0 calc((100% - 40rpx) / 4);
|
||||
height: 60rpx;
|
||||
.box-option>view{
|
||||
/* border: 1px solid; */
|
||||
width: 80rpx;
|
||||
height: 100rpx;
|
||||
margin-right: 55rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* background: red; */
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.box-option>view:nth-child(5){
|
||||
margin-right: 0;
|
||||
}
|
||||
.icon-class{
|
||||
margin:0 5rpx;
|
||||
.option-icon{
|
||||
width: 87%;
|
||||
height:59rpx;
|
||||
}
|
||||
|
||||
|
||||
.option-text{
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
.environment-data>view>text{
|
||||
/* margin-left: 10rpx; */
|
||||
flex: 1;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
.box-option>view:nth-child(1)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/组 30.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
/* */
|
||||
.item-serve{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 25rpx;
|
||||
.box-option>view:nth-child(2)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/赏花.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
.item-serve>view{
|
||||
height: 250rpx;
|
||||
width: 300rpx;
|
||||
/* border: 1px solid red; */
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
.box-option>view:nth-child(3)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/摄影.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
.server-img{
|
||||
height: 80%;
|
||||
|
||||
.box-option>view:nth-child(4)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/划船.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
.box-option>view:nth-child(5)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/小吃.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
.server-img image{
|
||||
.box-option>view:nth-child(6)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/灯光秀.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
.box-option>view:nth-child(7)>view:nth-child(1){
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/yingdi-file/音乐.png');
|
||||
background-size: 100% 100%
|
||||
}
|
||||
/* 2结束 */
|
||||
|
||||
/* 3开始 */
|
||||
.item3-data{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.item3-data>view{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
.data-item-img{
|
||||
width: 219rpx;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.data-item-img image{
|
||||
height: 100%;
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.moeny{
|
||||
height: 20%;
|
||||
.data-item-dp{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 15rpx;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.moeny text:nth-child(1){
|
||||
color: #FF9901;
|
||||
.dp-name{
|
||||
margin-left: 33rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.moeny text:nth-child(2){
|
||||
display: inline-block;
|
||||
background: #FF9901;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border-radius: 17rpx;
|
||||
padding: 3rpx 30rpx;
|
||||
.dp-name-text{
|
||||
font-size: 38rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #161616;
|
||||
}
|
||||
/* */
|
||||
.item5-data{
|
||||
padding-top: 25rpx;
|
||||
.dp-money{
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.data-img{
|
||||
width: 100%;
|
||||
height: 350rpx;
|
||||
|
||||
/* border: 1px solid red; */
|
||||
position: relative;
|
||||
.dp-money>text:nth-child(1){
|
||||
font-size: 38rpx;
|
||||
font-weight: 400;
|
||||
color: #EB6632;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
.data-img image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
border-radius: 12rpx;
|
||||
.dp-money>text:nth-child(2){
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.data-img-title{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 20rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
.info-btn{
|
||||
position: absolute;
|
||||
right: 10rpx;
|
||||
bottom: 10rpx;
|
||||
border-radius: 18rpx;
|
||||
background: rgba(0,0,0,0.5);
|
||||
padding: 8rpx 24rpx;
|
||||
.dp-btn{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
justify-content: center;
|
||||
}
|
||||
.info-btn-tite{
|
||||
display: block;
|
||||
height: 30rpx;
|
||||
line-height: 30rpx;
|
||||
font-size: 24rpx;
|
||||
color: #45A085;
|
||||
/* line-height: 6rpx; */
|
||||
.dp-btn>view{
|
||||
width: 149rpx;
|
||||
height: 58rpx;
|
||||
line-height: 58rpx;
|
||||
background: linear-gradient(90deg, #ED873F, #EB5D2F);
|
||||
box-shadow: 0px 0px 15rpx 0px rgba(237,130,61,0.4300);
|
||||
border-radius: 29rpx;
|
||||
font-size: 32rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
/* 3结束 */
|
||||
|
||||
/* 4开始 */
|
||||
.activity-box{
|
||||
background: #FFFFFF;
|
||||
border-radius: 19rpx;
|
||||
}
|
||||
.activity-img{
|
||||
height: 361rpx;
|
||||
border-radius: 19rpx 19rpx 0px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.info-btn-radius{
|
||||
margin-left: 20rpx;
|
||||
.activity-img image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
height: 25rpx;
|
||||
width: 25rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 20rpx;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
color: #45A085;
|
||||
background: #514249;
|
||||
}
|
||||
.img-text{
|
||||
margin-top: 20rpx;
|
||||
.activity-text{
|
||||
padding: 33rpx 33rpx;
|
||||
min-height: 163rpx;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
/* 4结束 */
|
||||
|
||||
/* 5开始 */
|
||||
.pj-list{
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 19rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 33rpx;
|
||||
}
|
||||
.list-item-titles{
|
||||
font-size: 32rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
.pingjia-ueser{
|
||||
margin-top: 25rpx;
|
||||
.user-data{
|
||||
margin-top: 70rpx;
|
||||
height: 68rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.user-icon{
|
||||
height: 100rpx;
|
||||
width: 100rpx;
|
||||
.user-img{
|
||||
width: 68rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
.user-icon image{
|
||||
height: 100%;
|
||||
.user-img image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-name{
|
||||
.user-name-box{
|
||||
flex: 1;
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.name-box-userName{
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
.user-address{
|
||||
margin-top: 20rpx;
|
||||
.name-box-xin{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
.address-text{
|
||||
font-size: 25rpx;
|
||||
.name-box-xin>view{
|
||||
width: 25rpx;
|
||||
height: 24rpx;
|
||||
line-height: 25rpx;
|
||||
background: #F6AC4B;
|
||||
border-radius: 3rpx;
|
||||
margin-right: 12rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 17rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.zan{
|
||||
height: 80rpx;
|
||||
width: 80rpx;
|
||||
border-radius: 50%;
|
||||
background: #FFF1D2;
|
||||
.user-time-box{
|
||||
width: 110rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 68rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #808080;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
.pingjia-img{
|
||||
margin-top: 20rpx;
|
||||
.pj-neirong{
|
||||
box-sizing: border-box;
|
||||
padding-left: 80rpx;
|
||||
padding-top: 37rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #161616;
|
||||
}
|
||||
.pj-imgs{
|
||||
box-sizing: border-box;
|
||||
padding-top: 29rpx;
|
||||
padding-left: 80rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.pingjia-img image{
|
||||
width: 32%;
|
||||
height: 180rpx;
|
||||
border-radius: 12rpx;
|
||||
.pj-imgs>view{
|
||||
width: 171rpx;
|
||||
height: 171rpx;
|
||||
background: #000000;
|
||||
border-radius: 6rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.pingjia-text{
|
||||
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.pj-imgs>view image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/* 5结束 */
|
||||
|
||||
Loading…
Reference in new issue