parent
f1e2681365
commit
2bfd326600
@ -1,66 +1,58 @@
|
||||
// pages/add/index.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
fileList: [
|
||||
{
|
||||
url: "https://img.yzcdn.cn/vant/leaf.jpg",
|
||||
name: "图片1",
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
onLoad(options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
wx.setNavigationBarTitle({
|
||||
title: "",
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
"usingComponents": {
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,2 +1,38 @@
|
||||
<!--pages/add/index.wxml-->
|
||||
<text>pages/add/index.wxml</text>
|
||||
<view class="view-page" hover-class="none" hover-stop-propagation="false">
|
||||
|
||||
<input class="weui-input" name="input" placeholder="填写标题更容易被推荐哦~" placeholder-style="color:#bfbfc1;"/>
|
||||
<view class="view-hr-line view-line-h1"/>
|
||||
<view class="view-textarea" hover-class="none" hover-stop-propagation="false">
|
||||
<textarea placeholder="分享你的心情和故事吧~" auto-focus placeholder-style="color:#bfbfc1;"/>
|
||||
</view>
|
||||
|
||||
<view class="">
|
||||
<view class="view-tagt">
|
||||
<text>#话题</text>
|
||||
</view>
|
||||
<view class="view-hr-line view-line-h2"/>
|
||||
<view class="view-local">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/icon_local@2x.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="">
|
||||
</image>
|
||||
<text>你在哪里</text>
|
||||
</view>
|
||||
<view class="view-hr-line"/>
|
||||
<view class="view-call">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/icon_call@2x.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="">
|
||||
</image>
|
||||
<text>露营打卡</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="view-uploader" hover-class="none" hover-stop-propagation="false">
|
||||
<van-uploader deletable="{{false}}" file-list="{{ fileList }}" />
|
||||
</view>
|
||||
|
||||
<view class="view-add-btn" >
|
||||
<button type="primary" formType="submit">发布</button>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
@ -1 +1,112 @@
|
||||
/* pages/add/index.wxss */
|
||||
/* pages/add/index.wxss */
|
||||
.van-icon {
|
||||
width: 37rpx;
|
||||
height: 37rpx;
|
||||
background-image: url(http://www.jichuanglanhai.com/demo/js-yingdi/images/icon_add@2x.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.van-uploader__preview-image {
|
||||
border-radius: 19rpx;
|
||||
}
|
||||
.van-uploader__upload {
|
||||
background: #f6f6f6;
|
||||
border: 1rpx solid rgba(185, 189, 192, 0.5);
|
||||
border-radius: 19rpx;
|
||||
}
|
||||
|
||||
.van-icon-photograph::before {
|
||||
content: "" !important;
|
||||
}
|
||||
.view-local {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 33rpx;
|
||||
padding-bottom: 33rpx;
|
||||
}
|
||||
.view-local image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.view-local text {
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #273329;
|
||||
}
|
||||
.view-call {
|
||||
padding-top: 33rpx;
|
||||
padding-bottom: 33rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.view-call image {
|
||||
margin-right: 20rpx;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
.view-hr-line {
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
background: rgba(217, 217, 217, 0.3);
|
||||
}
|
||||
.view-line-h1 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
.view-line-h2 {
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
|
||||
.view-call text {
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #273329;
|
||||
}
|
||||
|
||||
.view-tagt text {
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #3b533f;
|
||||
}
|
||||
|
||||
.view-tagt {
|
||||
width: 104rpx;
|
||||
height: 46rpx;
|
||||
background: #eeeeee;
|
||||
border-radius: 1rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.weui-input {
|
||||
margin-top: 25rpx;
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.view-uploader {
|
||||
margin-top: 33rpx;
|
||||
}
|
||||
|
||||
.view-textarea {
|
||||
margin-top: 25rpx;
|
||||
}
|
||||
|
||||
.view-textarea textarea {
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
.view-page {
|
||||
padding-left: 28rpx;
|
||||
padding-right: 28rpx;
|
||||
}
|
||||
.view-add-btn button {
|
||||
margin-top: 85rpx;
|
||||
height: 87rpx;
|
||||
background: linear-gradient(90deg, #3b7a48, #488153);
|
||||
border-radius: 44rpx;
|
||||
}
|
||||
|
||||
@ -0,0 +1,147 @@
|
||||
// pages/info/index.js
|
||||
let app = getApp() //映入封装请求
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
info:{},
|
||||
imgList:[],
|
||||
jieshaoList:[],
|
||||
iconObj:{
|
||||
"营地类型":[],
|
||||
"场地类型":[],
|
||||
"营地要求":[],
|
||||
"基础设施":[],
|
||||
"营地活动":[]
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
this.getInfo(options.name)
|
||||
},
|
||||
// 拨打电话
|
||||
tellPhone(){
|
||||
let phone = this.data.info.camp.public_at
|
||||
wx.makePhoneCall({
|
||||
phoneNumber:`${phone}`
|
||||
})
|
||||
},
|
||||
//导航
|
||||
goLoaction(){
|
||||
const {latitude,longitude,name,location_addr} = this.data.info.camp
|
||||
wx.openLocation({
|
||||
latitude: parseInt(latitude) ,
|
||||
longitude:parseInt(longitude),
|
||||
name:name,
|
||||
address:location_addr,
|
||||
})
|
||||
},
|
||||
//预览图片
|
||||
viewImages(e){
|
||||
console.log(e)
|
||||
let indexIamge = e.currentTarget.dataset.item.image.url
|
||||
wx.previewImage({
|
||||
urls:this.data.jieshaoList,
|
||||
current:indexIamge
|
||||
})
|
||||
},
|
||||
//获取详情数据
|
||||
getInfo(name){
|
||||
app.fetch(`9017/jsonData/jiangsu.json`, {}, false, 'GET').then(res => {
|
||||
const{iconObj,jieshaoList} = this.data
|
||||
|
||||
for(let key in res){
|
||||
let list = res[key]
|
||||
for(let i = 0;i<list.length;i++){
|
||||
if(list[i].data == undefined){
|
||||
return
|
||||
}
|
||||
if(list[i].data.camp.name == name){
|
||||
let imgList= []
|
||||
list[i].data.camp.images.forEach(item=>{//轮播
|
||||
imgList.push(item.url)
|
||||
})
|
||||
//底部照片
|
||||
list[i].data.camp.content.forEach(img=>{
|
||||
if(img.image.url !=''){
|
||||
jieshaoList.push(img.image.url)
|
||||
}
|
||||
})
|
||||
//icon列表
|
||||
list[i].data.camp.others.forEach(it=>{
|
||||
for(let iconName in iconObj) {
|
||||
if(it.category_name == iconName){
|
||||
iconObj[iconName].push({
|
||||
icon:`http://www.jichuanglanhai.com/demo/js-yingdi/images/${it.name}.png`,
|
||||
name:it.name,
|
||||
value:it.value,
|
||||
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
this.setData({
|
||||
info :list[i].data,
|
||||
imgList:imgList,
|
||||
jieshaoList:jieshaoList,
|
||||
iconObj:iconObj
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "基地详情"
|
||||
}
|
||||
@ -0,0 +1,255 @@
|
||||
<!--pages/info/index.wxml-->
|
||||
<view class="info-container">
|
||||
<!-- 圖片 -->
|
||||
<view class="page-logo-image">
|
||||
<view class="log-image">
|
||||
<swiper autoplay interval="3000" circular>
|
||||
<swiper-item bindtap="viewImages" data-item="{{item}}" wx:for="{{imgList}}" wx:key="index">
|
||||
<image src="{{item}}" mode="aspectFill"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class="img-bg">
|
||||
<view class="user-data">
|
||||
<view class="user-icon">
|
||||
<image src="{{info.user.portrait}}"></image>
|
||||
</view>
|
||||
<view class="user-value">
|
||||
<view class="value-name">
|
||||
<view class="name-text">{{info.user.nick}}</view>
|
||||
<view class="name-state">
|
||||
露营{{info.user.camping_count}}次
|
||||
</view>
|
||||
</view>
|
||||
<view class="value-timer">
|
||||
发布于07-17 16:30
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-btn">
|
||||
<view class="store">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/store.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="share">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/share.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 营地基本信息 -->
|
||||
<view class="basics-data">
|
||||
<view class="basics-title">
|
||||
<view class="basics-title-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/vip.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="basics-title-text">
|
||||
{{info.camp.name}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="basics-address">
|
||||
<text>{{info.camp.location_addr}}</text>
|
||||
</view>
|
||||
<view class="basics-lat">
|
||||
距您28.3km
|
||||
</view>
|
||||
<view class="basics-btn">
|
||||
<view class="location" bindtap="goLoaction">
|
||||
<view class="basics-btn-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/locations.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="basics-btn-text">导航</view>
|
||||
</view>
|
||||
<view class="tel" bindtap="tellPhone">
|
||||
<view class="basics-btn-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/tel.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="basics-btn-text">联系</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 营地相关信息 -->
|
||||
<view class="correlation-data">
|
||||
<!-- 标题可公用 -->
|
||||
<view class="correlation-title">
|
||||
<view class="correlation-title-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/icon.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="correlation-title-text">
|
||||
营地预定
|
||||
</view>
|
||||
</view>
|
||||
<!-- 预定列表-->
|
||||
<view class="yuding-list">
|
||||
<view class="yuding-list-item">
|
||||
<view class="list-item-image">
|
||||
<image src="http://img.xizhihk.com/MTY1NTcxOTc0MDM4NyM3ODYjanBlZw==.jpeg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list-item-text">
|
||||
<view class="item-text-name">
|
||||
<text>六角天幕</text>
|
||||
</view>
|
||||
<view class="item-text-subtitle">
|
||||
<text>精致下午茶，采摘</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-item-btn">
|
||||
<view class="item-moeny">
|
||||
¥<text>118.00</text>
|
||||
</view>
|
||||
<view class="btn-text">预定</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="yuding-list-item">
|
||||
<view class="list-item-image">
|
||||
<image src="http://img.xizhihk.com/MTY1NTcxOTc0MDM4NyM3ODYjanBlZw==.jpeg" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list-item-text">
|
||||
<view class="item-text-name">
|
||||
<text>碟形大幕</text>
|
||||
</view>
|
||||
<view class="item-text-subtitle">
|
||||
<text>生活无忧 | 远离喧嚣 | 开心Go野</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-item-btn">
|
||||
<view class="item-moeny">
|
||||
¥<text>118.00</text>
|
||||
</view>
|
||||
<view class="btn-text">预定</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 营地信息 -->
|
||||
<view class="icon-list">
|
||||
<!-- 标题可公用 -->
|
||||
<view class="correlation-title">
|
||||
<view class="correlation-title-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/icon.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="correlation-title-text">
|
||||
营地信息
|
||||
</view>
|
||||
</view>
|
||||
<!-- 列表 -->
|
||||
<view class="yd-icon-list">
|
||||
<view class="icon-title">
|
||||
营地类型
|
||||
</view>
|
||||
<view class="icon-type-list">
|
||||
<view class="type-item" wx:for="{{iconObj['营地类型']}}" wx:key="index">
|
||||
<view class="type-item-icon">
|
||||
<image src="{{item.icon}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="type-item-title">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="icon-title">
|
||||
场地类型
|
||||
</view>
|
||||
<view class="icon-type-list">
|
||||
<view class="type-item" wx:for="{{iconObj['场地类型']}}" wx:key="index">
|
||||
<view class="type-item-icon">
|
||||
<image src="{{item.icon}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="type-item-title">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="icon-title">
|
||||
营地要求
|
||||
</view>
|
||||
<view class="icon-type-list">
|
||||
<view class="type-item" wx:for="{{iconObj['营地要求']}}" wx:key="index">
|
||||
<view class="type-item-icon">
|
||||
<image src="{{item.icon}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="type-item-title">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="icon-title">
|
||||
基础设施
|
||||
</view>
|
||||
<view class="icon-type-list">
|
||||
<view class="type-item" wx:for="{{iconObj['基础设施']}}" wx:key="index">
|
||||
<view class="type-item-icon">
|
||||
<image src="{{item.icon}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="type-item-title">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="icon-title">
|
||||
营地活动
|
||||
</view>
|
||||
<view class="icon-type-list">
|
||||
<view class="type-item" wx:for="{{iconObj['营地活动']}}" wx:key="index">
|
||||
<view class="type-item-icon">
|
||||
<image src="{{item.icon}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="type-item-title">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 推荐车型，天气 -->
|
||||
<view class="tishi">
|
||||
<view class="tishi-item">
|
||||
<view class="tishi-item-title">
|
||||
推荐车型
|
||||
</view>
|
||||
<view class="car-type">
|
||||
<view class="car-item" style="margin-right:80rpx">
|
||||
<view class="car-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/两驱.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="car-text">两驱</view>
|
||||
</view>
|
||||
<view class="car-item">
|
||||
<view class="car-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/四驱.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="car-text">四驱</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tishi-item">
|
||||
<view class="tishi-item-title">
|
||||
推荐车型
|
||||
</view>
|
||||
<view class="weather">
|
||||
<view class="weather-icon">
|
||||
<view class="icon-box"></view>
|
||||
<view class="icon-box-text">
|
||||
小雨
|
||||
</view>
|
||||
</view>
|
||||
<view class="weather-sevaen">
|
||||
查看近7天
|
||||
<van-icon name="arrow" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 营地介绍 -->
|
||||
<view class="jieshao">
|
||||
<view class="jieshao-title">推荐车型</view>
|
||||
<view class="jieshao-list">
|
||||
<view class="jieshao-list-item" wx:for="{{info.camp.content}}" wx:key="index">
|
||||
<view class="list-item-text">{{item.content}}</view>
|
||||
<view class="images-list-item" bindtap="viewImages" data-item="{{item}}" data-index="{{index}}">
|
||||
<image wx:if="{{item.image.url}}" src="{{item.image.url}}" mode="widthFix" style="height: {{item.image.height}}rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,448 @@
|
||||
/* pages/info/index.wxss */
|
||||
page{
|
||||
background-color: #F8F4F8;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.page-logo-image{
|
||||
height: 471rpx;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.log-image{
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.log-image swiper{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
swiper-item{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
swiper-item image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.img-bg{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/js-yingdi/images/imgBg.jpg');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.user-data{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding-top: 35rpx;
|
||||
}
|
||||
.user-icon{
|
||||
height: 63rpx;
|
||||
width: 63rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
padding: 1rpx;
|
||||
overflow: hidden;
|
||||
margin-left: 31rpx;
|
||||
margin-right: 22rpx;
|
||||
}
|
||||
.user-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-value{
|
||||
flex: 1;
|
||||
|
||||
}
|
||||
.value-name{
|
||||
display: flex;
|
||||
/* justify-content: center;
|
||||
align-content: center; */
|
||||
}
|
||||
.name-text{
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0px 1px 2px #4E4E4E;
|
||||
}
|
||||
.name-state{
|
||||
width: 105rpx;
|
||||
height: 32rpx;
|
||||
text-align: center;
|
||||
line-height: 32rpx;
|
||||
background: rgba(64, 124, 75, 0.8);
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 15rpx;
|
||||
margin-left: 15rpx;
|
||||
font-size: 19rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.value-timer{
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
opacity: 0.7;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.user-btn{
|
||||
display: flex;
|
||||
}
|
||||
.user-btn>view{
|
||||
height: 41rpx;
|
||||
width: 41rpx;
|
||||
}
|
||||
.user-btn>view image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.share{
|
||||
margin-right: 28rpx;
|
||||
margin-left: 26rpx;
|
||||
}
|
||||
/* 營地基础信息 */
|
||||
.basics-data{
|
||||
width: 92%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
|
||||
border-radius: 13rpx;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 400rpx;
|
||||
transform: translate(-50%);
|
||||
box-sizing: border-box;
|
||||
padding: 35rpx;
|
||||
}
|
||||
.basics-title{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.basics-title-icon{
|
||||
height: 38rpx;
|
||||
width: 38rpx;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
.basics-title-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.basics-title-text{
|
||||
font-size: 35rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
}
|
||||
.basics-address{
|
||||
margin-top: 23rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #58665A;
|
||||
}
|
||||
.basics-lat{
|
||||
margin-top: 19rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #9C9D9D;
|
||||
}
|
||||
.basics-btn{
|
||||
margin-top: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.basics-btn>view{
|
||||
width: 303rpx;
|
||||
height: 51rpx;
|
||||
background: #FAFAFA;
|
||||
border-radius: 6rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.basics-btn-text{
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #232E25;
|
||||
}
|
||||
.basics-btn-icon{
|
||||
height: 23rpx;
|
||||
width: 23rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.basics-btn-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/* 营地相关信息 */
|
||||
.correlation-data{
|
||||
box-sizing: border-box;
|
||||
width: 92%;
|
||||
margin:280rpx auto ;
|
||||
}
|
||||
.correlation-title{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.correlation-title-icon{
|
||||
width: 40rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.correlation-title-text{
|
||||
font-size: 32rpx;
|
||||
font-family: "FZZCHJW--GB1-0";
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
color: #273329;
|
||||
}
|
||||
/* 预定列表 */
|
||||
.yuding-list{
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
|
||||
border-radius: 13rpx;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.yuding-list-item{
|
||||
display: flex;
|
||||
/* align-items: center; */
|
||||
}
|
||||
.yuding-list .yuding-list-item:nth-child(n+2){
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.list-item-image{
|
||||
width: 148rpx;
|
||||
height: 112rpx;
|
||||
border-radius: 6rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.list-item-text{
|
||||
box-sizing: border-box;
|
||||
padding-left: 26rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.item-text-name{
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
}
|
||||
.item-text-subtitle{
|
||||
margin-top: 10rpx;
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #9C9D9D;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.list-item-btn{
|
||||
margin-left: 35rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.item-moeny{
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.item-moeny text{
|
||||
margin-left: 10rpx;
|
||||
font-size: 46rpx;
|
||||
font-family: "xiaowei";
|
||||
font-weight: 400;
|
||||
color: #306E3D;
|
||||
}
|
||||
.btn-text{
|
||||
width: 119rpx;
|
||||
height: 51rpx;
|
||||
text-align: center;
|
||||
line-height: 51rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
background: linear-gradient(90deg, #488254 0%, #286835 100%);
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
/* 营地信息 */
|
||||
.icon-list{
|
||||
margin-top: 49rpx;
|
||||
}
|
||||
.yd-icon-list{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
|
||||
border-radius: 13rpx;
|
||||
padding:30rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.icon-title{
|
||||
margin-left: 20rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
margin-bottom: 28rpx;
|
||||
}
|
||||
.icon-type-list{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 25rpx;
|
||||
}
|
||||
.icon-type-list>view{
|
||||
width: 20%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 25rpx;
|
||||
}
|
||||
.type-item-icon{
|
||||
width: 47rpx;
|
||||
height: 47rpx;
|
||||
}
|
||||
.type-item-title{
|
||||
margin-top: 20rpx;
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #58665A;
|
||||
}
|
||||
/* 推荐 */
|
||||
.tishi{
|
||||
height: 218rpx;
|
||||
margin-top: 49rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tishi-item{
|
||||
width: 48%;
|
||||
height: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 13rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.tishi-item-title{
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
margin-left: 29rpx;
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
.car-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.car-type{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.car-icon{
|
||||
width: 53rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
.car-text{
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #58665A;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
.weather{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.weather-icon{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.icon-box{
|
||||
width: 63rpx;
|
||||
height: 58rpx;
|
||||
border: 1px solid red;
|
||||
}
|
||||
.icon-box-text{
|
||||
margin-top: 24rpx;
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #58665A;
|
||||
}
|
||||
.weather-sevaen{
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #7E9D82;
|
||||
margin-left: 60rpx;
|
||||
border-bottom: 1px solid #7E9D82;
|
||||
}
|
||||
/* 介绍 */
|
||||
.jieshao{
|
||||
/* background: #FFFFFF;
|
||||
border-radius: 13px; */
|
||||
margin-top: 49rpx;
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
|
||||
border-radius: 13rpx;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jieshao-title{
|
||||
box-sizing: border-box;
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
}
|
||||
.jieshao-list{
|
||||
margin-top: 33rpx;
|
||||
}
|
||||
.list-item-text{
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #273329;
|
||||
margin: 15rpx 0;
|
||||
}
|
||||
.jieshao-list-item{
|
||||
|
||||
}
|
||||
|
||||
@ -1,3 +1,7 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
"usingComponents": {
|
||||
},
|
||||
"navigationBarTitleText": "社区",
|
||||
"enablePullDownRefresh": true,
|
||||
"onReachBottomDistance": 100
|
||||
}
|
||||
@ -1,2 +1,58 @@
|
||||
<!--pages/shequ/index.wxml-->
|
||||
<text>pages/shequ/index.wxml</text>
|
||||
<view class="container">
|
||||
<view class="tarbar">
|
||||
<view class="tar-box">
|
||||
<view class="tar-item" wx:for="{{tabs}}" wx:key="index" bindtap="changeTab" data-index="{{index}}">
|
||||
<view class="tar-title">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="tar-bac" wx:if="{{tabsActive == index}}"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list">
|
||||
<view class="picture" wx:if="{{tabsActive == 0}}">
|
||||
<block wx:for="{{ list }}" wx:key="index">
|
||||
<view class="item" bindtap="goInfo" data-item="{{item}}">
|
||||
<view>
|
||||
<image lazy-load mode="widthFix" src="{{ item.post.images[0].url}}" />
|
||||
</view>
|
||||
<view class="text-center">{{ item.post.title}}</view>
|
||||
<view class="user-boxs">
|
||||
<view class="user-icon">
|
||||
<image src="{{item.user.portrait}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="user-text">{{item.user.nick}}</view>
|
||||
<view class="user-btn">
|
||||
<view class="btn-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/icon_heart@2x.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="null-wrap"></view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="picture" wx:if="{{tabsActive == 1}}">
|
||||
<block wx:for="{{ list2 }}" wx:key="index">
|
||||
<view class="item">
|
||||
<view>
|
||||
<image lazy-load mode="widthFix" src="{{ item.post.images[0].url}}" />
|
||||
</view>
|
||||
<view class="text-center">{{ item.post.title}}</view>
|
||||
<view class="user-boxs">
|
||||
<view class="user-icon">
|
||||
<image src="{{item.user.portrait}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="user-text">{{item.user.nick}}</view>
|
||||
<view class="user-btn">
|
||||
<view class="btn-icon">
|
||||
<image src="http://www.jichuanglanhai.com/demo/js-yingdi/images/icon_heart@2x.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="null-wrap"></view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -1 +1,116 @@
|
||||
/* pages/shequ/index.wxss */
|
||||
/* pages/shequ/index.wxss */
|
||||
page{
|
||||
background-color: #F6F6F6;
|
||||
overflow: hidden;
|
||||
}
|
||||
.container{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.list{
|
||||
height: 90vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.tarbar{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.tar-box{
|
||||
height: 80rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.tar-item{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #010101;
|
||||
}
|
||||
.tar-bac{
|
||||
width: 106rpx;
|
||||
height: 23rpx;
|
||||
position: absolute;
|
||||
background-image:url('http://www.jichuanglanhai.com/demo/js-yingdi/images/选中状态.png');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
/* 瀑布流布局 */
|
||||
.picture{
|
||||
column-gap: 3rpx;
|
||||
column-count: 2;
|
||||
margin: 0 10rpx;
|
||||
margin-top: 115rpx;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
.item {
|
||||
width: calc(100% - 30rpx);
|
||||
break-inside: avoid;
|
||||
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
|
||||
border-radius: 10rpx;
|
||||
margin: 0 15rpx;
|
||||
}
|
||||
.item image {
|
||||
width: 100%;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
.null-wrap{
|
||||
height: 30rpx;
|
||||
}
|
||||
.data-img{
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
}
|
||||
.text-center{
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 19rpx 0 0 19rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
font-weight: 500;
|
||||
color: #273329;
|
||||
}
|
||||
.user-boxs{
|
||||
box-sizing: border-box;
|
||||
padding: 19rpx 0 19rpx 19rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.user-icon{
|
||||
width: 39rpx;
|
||||
height: 39rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.user-text{
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
padding-left: 11rpx;
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #9C9D9D;
|
||||
}
|
||||
.user-btn{
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
.btn-icon{
|
||||
width: 23rpx;
|
||||
height: 23rpx;
|
||||
}
|
||||
.btn-icon image{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,200 @@
|
||||
/* pages/shequinfo/index.wxss */
|
||||
.user-lan {
|
||||
margin-top: 39rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-right: 28rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.left-user-lan {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.right-user-lan {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.text-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background-color: bisque; */
|
||||
/* height: 72rpx; */
|
||||
justify-content: space-around;
|
||||
}
|
||||
.text-name text {
|
||||
color: #273329;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
}
|
||||
.text-time text {
|
||||
font-size: 22rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
color: #9c9d9d;
|
||||
}
|
||||
|
||||
.view-head image {
|
||||
width: 72rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 70rpx;
|
||||
display: block;
|
||||
margin-right: 19rpx;
|
||||
}
|
||||
.btn-follow button {
|
||||
background-color: #446c4c;
|
||||
margin-right: 27rpx;
|
||||
}
|
||||
.icon-share image {
|
||||
width: 41rpx;
|
||||
height: 41rpx;
|
||||
display: block;
|
||||
}
|
||||
.text-content {
|
||||
margin-left: 30rpx;
|
||||
margin-right: 30rpx;
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
color: #464d47;
|
||||
}
|
||||
.view-herf {
|
||||
display: flex;
|
||||
margin-left: 31rpx;
|
||||
}
|
||||
.navig-herf {
|
||||
margin-top: 35rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.navig-herf text {
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
color: #3b533f;
|
||||
}
|
||||
.view-tag {
|
||||
/* width: 362rpx; */
|
||||
/* height: 72rpx; */
|
||||
margin-top: 60rpx;
|
||||
margin-left: 22rpx;
|
||||
}
|
||||
.view-tag navigator {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
background: #f2f5f3;
|
||||
padding-left: 8rpx;
|
||||
padding-top: 8rpx;
|
||||
padding-right: 12rpx;
|
||||
}
|
||||
|
||||
.tag-image image {
|
||||
width: 76rpx;
|
||||
height: 56rpx;
|
||||
border-radius: 3rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.tag-icon image {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
margin-right: 21rpx;
|
||||
}
|
||||
.tag-name text {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
color: #446c4c;
|
||||
}
|
||||
|
||||
.view-line {
|
||||
margin-top: 40rpx;
|
||||
width: 100%;
|
||||
height: 12rpx;
|
||||
background: #edf0ee;
|
||||
}
|
||||
.view-commit-box {
|
||||
margin-top: 46rpx;
|
||||
margin-left: 29rpx;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
.view-commit-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.commit-head-img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.commit-head-img image {
|
||||
width: 71rpx;
|
||||
height: 71rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.commit-user {
|
||||
display: flex;
|
||||
margin-left: 19rpx;
|
||||
}
|
||||
.commit-name text {
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
color: #273329;
|
||||
}
|
||||
.commit-mint text {
|
||||
margin-left: 23rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
font-weight: 400;
|
||||
color: #9c9d9d;
|
||||
}
|
||||
.commit-icon-heart {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.commit-icon-heart image {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.commit-icon-heart text {
|
||||
font-size: 25rpx;
|
||||
font-family: Accidental Presidency-Regular;
|
||||
color: #9c9d9d;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.view-commit-content {
|
||||
margin-left: 80rpx;
|
||||
padding-bottom: 64rpx;
|
||||
}
|
||||
.view-commit-content text{
|
||||
color: #464D47;
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
}
|
||||
|
||||
.commit-title {
|
||||
margin-left: 29rpx;
|
||||
margin-top: 37rpx;
|
||||
font-size: 29rpx;
|
||||
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||
color: #273329;
|
||||
}
|
||||
.swiper-box {
|
||||
position: relative;
|
||||
}
|
||||
.swiper-box swiper {
|
||||
height: calc(100vw * 9 / 16);
|
||||
}
|
||||
.swiper-index-tag {
|
||||
position: absolute;
|
||||
right: 28rpx;
|
||||
bottom: 26rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 30rpx;
|
||||
font-size: 26rpx;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.swiper-index-tag text {
|
||||
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||
color: #ffffff;
|
||||
}
|
||||
Loading…
Reference in new issue