|
@@ -3,13 +3,15 @@
|
|
<view class="header">
|
|
<view class="header">
|
|
<view class="now-location">
|
|
<view class="now-location">
|
|
<u-icon name="map" size="36" class="icon"></u-icon>
|
|
<u-icon name="map" size="36" class="icon"></u-icon>
|
|
- <text class="text Medium title">{{address}}</text>
|
|
|
|
|
|
+ <text class="text Medium title">{{position.name}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="selectType">
|
|
<view class="selectType">
|
|
- <text @click="selectType" class="header-type Regular">{{typeStr}}</text>
|
|
|
|
- <!-- <u-icon :style="{transform:(showType?'rotate(180deg)':'')}" name="arrow-down-fill" size="8"
|
|
|
|
- color="#AFB3BF" class="icon"></u-icon> -->
|
|
|
|
|
|
+ <picker @change="bindPickerChange" :value="index" :range="typeList">
|
|
|
|
+ <text class="uni-input header-type">{{typeList[index]}}</text>
|
|
|
|
+ </picker>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
<view class="uni-common-mt">
|
|
<view class="uni-common-mt">
|
|
<view class="content">
|
|
<view class="content">
|
|
@@ -18,57 +20,142 @@
|
|
</map>
|
|
</map>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="alert">
|
|
|
|
- <view class="select-alert" v-if="showType">
|
|
|
|
- <view class="select-top">
|
|
|
|
- <text class="cancel" @click="cancel">取消</text>
|
|
|
|
- <text class="confirm" @click="confirm">确定</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="select">
|
|
|
|
- <text class="select-item" v-for="(item,index) in typeList" :key="index">
|
|
|
|
- {{item.name}}
|
|
|
|
- </text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
<view class="content2">
|
|
<view class="content2">
|
|
<view class="no-enterprise Regular" v-if="enterpriseList.length!=0">
|
|
<view class="no-enterprise Regular" v-if="enterpriseList.length!=0">
|
|
附近暂无相关企业
|
|
附近暂无相关企业
|
|
</view>
|
|
</view>
|
|
<view class="warp">
|
|
<view class="warp">
|
|
- <view class="top-line"></view>
|
|
|
|
- <view class="bottom-list-item">
|
|
|
|
- <view class="left"><img src="../../../static/img/location.png" alt=""></view>
|
|
|
|
- <view class="middle">
|
|
|
|
- <view class="title Medium">中天昊元粮库中天昊元粮库</view>
|
|
|
|
- <view class="location Regular">辽宁省营口市鲅鱼圈区xx路108号</view>
|
|
|
|
|
|
+ <view class="line-style" @click="lineClick">
|
|
|
|
+ <text class="top-line"></text>
|
|
|
|
+ </view>
|
|
|
|
+ <scroll-view :scroll-top="scrollTop" :scroll-y="isscroll" @scrolltoupper="upper" @scrolltolower="lower"
|
|
|
|
+ @scroll="scroll" :class="{'active':isActive}" class="scroll-style">
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="line"></view>
|
|
|
|
- <view class="right">
|
|
|
|
- <view class="top">
|
|
|
|
- <img src="../../../static/img/location.png" alt="">
|
|
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
</view>
|
|
</view>
|
|
- <view class="bottom Regular">500m</view>
|
|
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="bottom-list-item">
|
|
|
|
- <view class="left"><img src="../../../static/img/location.png" alt=""></view>
|
|
|
|
- <view class="middle">
|
|
|
|
- <view class="title Medium">中天昊元粮库中天昊元粮库</view>
|
|
|
|
- <view class="location Regular">辽宁省营口市鲅鱼圈区xx路108号</view>
|
|
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="line"></view>
|
|
|
|
- <view class="right">
|
|
|
|
- <view class="top">
|
|
|
|
- <img src="../../../static/img/location.png" alt="">
|
|
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
</view>
|
|
</view>
|
|
- <view class="bottom Regular">500m</view>
|
|
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom-list-item">
|
|
|
|
+ <img class="left-img" src="/static/location.png" alt="">
|
|
|
|
+ <view class="middle">
|
|
|
|
+ <text class="title Medium">中天昊元粮库中天昊元粮库</text>
|
|
|
|
+ <text class="localtion Regular">辽宁省营口市鲅鱼圈区xx路108号</text>
|
|
|
|
+ </view>
|
|
|
|
+ <text class="line"></text>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <img class="right-img" src="/static/location.png" alt="">
|
|
|
|
+ <text class="right-bottom Regular">500m</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -76,27 +163,23 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- address: {},
|
|
|
|
|
|
+ isscroll: true,
|
|
|
|
+ scrollTop: 0,
|
|
|
|
+ old: {
|
|
|
|
+ scrollTop: 0
|
|
|
|
+ },
|
|
|
|
+ "isActive": false,
|
|
|
|
+ position: {},
|
|
nowLocation: {
|
|
nowLocation: {
|
|
- longitude: '',
|
|
|
|
- latitude: ''
|
|
|
|
|
|
+ latitude: 39.9085,
|
|
|
|
+ longitude: 116.39747,
|
|
},
|
|
},
|
|
showType: false,
|
|
showType: false,
|
|
enterpriseList: [],
|
|
enterpriseList: [],
|
|
- typeStr: '全部类型',
|
|
|
|
- typeList: [{
|
|
|
|
- name: "全部"
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: "粮库"
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: "加工厂"
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
|
|
+ // typeStr: '全部类型',
|
|
|
|
+ index: 0,
|
|
|
|
+ typeList: ['全部类型', '粮仓', '加工厂'],
|
|
title: 'map',
|
|
title: 'map',
|
|
- latitude: 39.909,
|
|
|
|
- longitude: 116.39742,
|
|
|
|
covers: [{
|
|
covers: [{
|
|
id: 0,
|
|
id: 0,
|
|
latitude: 39.9085,
|
|
latitude: 39.9085,
|
|
@@ -108,16 +191,44 @@
|
|
onShow() {
|
|
onShow() {
|
|
|
|
|
|
},
|
|
},
|
|
- onLoad() {
|
|
|
|
- //获取当前位置
|
|
|
|
- this.getLocation()
|
|
|
|
- // var subnvue = uni.getSubNVueById('popup') // 获取nvue
|
|
|
|
- // subnvue.show() // 显示nvue
|
|
|
|
- // uni.$on('popup', (data) => {
|
|
|
|
- // console.log(data)
|
|
|
|
- // })
|
|
|
|
|
|
+ onLoad(e) {
|
|
|
|
+ this.position = JSON.parse(e.position)
|
|
|
|
+ console.log("地点",this.position)
|
|
|
|
+ this.nowLocation.latitude = this.position.location.split(',')[1]
|
|
|
|
+ this.nowLocation.longitude = this.position.location.split(',')[0]
|
|
|
|
+ //获取标记点
|
|
|
|
+ this.getMarkers()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ getMarkers(){
|
|
|
|
+ //点击列表标记改变颜色,显示气泡提示
|
|
|
|
+ // this.$api.doRequest('get', '/settledCompanyInfo/selectSettledCompanyInfo', {
|
|
|
|
+ // pageSize: this.pageSize,
|
|
|
|
+ // currentPage: this.currentPage,
|
|
|
|
+ // }).then(res => {
|
|
|
|
+ // if (res.data.code == 200) {
|
|
|
|
+ // this.datalist = res.data.data.records
|
|
|
|
+ // }
|
|
|
|
+ // })
|
|
|
|
+ },
|
|
|
|
+ lineClick(){
|
|
|
|
+ this.isActive= !this.isActive
|
|
|
|
+ // this.isscroll = !this.isscroll
|
|
|
|
+ },
|
|
|
|
+ upper: function(e) {
|
|
|
|
+ console.log(e)
|
|
|
|
+ },
|
|
|
|
+ lower: function(e) {
|
|
|
|
+ console.log(e)
|
|
|
|
+ },
|
|
|
|
+ scroll: function(e) {
|
|
|
|
+ console.log(e)
|
|
|
|
+ this.old.scrollTop = e.detail.scrollTop
|
|
|
|
+ },
|
|
|
|
+ bindPickerChange: function(e) {
|
|
|
|
+ console.log('picker发送选择改变,携带值为', e.target)
|
|
|
|
+ this.index = e.detail.value
|
|
|
|
+ },
|
|
confirm() {
|
|
confirm() {
|
|
console.log('确定')
|
|
console.log('确定')
|
|
this.showType = false
|
|
this.showType = false
|
|
@@ -130,53 +241,55 @@
|
|
this.showType = true
|
|
this.showType = true
|
|
console.log(1)
|
|
console.log(1)
|
|
},
|
|
},
|
|
- typeConfirm(e) {
|
|
|
|
- console.log(e)
|
|
|
|
- this.typeStr = this.typeList[e[0]].name
|
|
|
|
|
|
+ // typeConfirm(e) {
|
|
|
|
+ // console.log(e)
|
|
|
|
+ // this.typeStr = this.typeList[e[0]].name
|
|
|
|
|
|
- },
|
|
|
|
|
|
+ // },
|
|
getLocation() {
|
|
getLocation() {
|
|
let that = this;
|
|
let that = this;
|
|
- uni.getLocation({
|
|
|
|
- type: 'gcj02',
|
|
|
|
- geocode: true,
|
|
|
|
- success: function(res) {
|
|
|
|
- that.nowLocation.longitude = res.longitude
|
|
|
|
- that.nowLocation.latitude = res.latitude
|
|
|
|
- that.covers[0].longitude = res.longitude
|
|
|
|
- that.covers[0].latitude = res.latitude
|
|
|
|
- let _coverrsData = []
|
|
|
|
- for (let i = 0; i < 50; i++) {
|
|
|
|
- let _obj = {
|
|
|
|
- id: i,
|
|
|
|
- latitude: res.latitude += 0.00150,
|
|
|
|
- longitude: res.longitude + 0.00150,
|
|
|
|
- iconPath: '../../../static/img/location.png',
|
|
|
|
- width:30,
|
|
|
|
- height:30,
|
|
|
|
- callout: {
|
|
|
|
- content: '中天昊元粮库',
|
|
|
|
- color: '#333333',
|
|
|
|
- fontSize: 24,
|
|
|
|
- borderRadius: 20,
|
|
|
|
- padding:10,
|
|
|
|
- bgColor: 'white',
|
|
|
|
- display: 'ALWAYS',
|
|
|
|
- },
|
|
|
|
- }
|
|
|
|
- _coverrsData.push(_obj)
|
|
|
|
- }
|
|
|
|
- that.covers = _coverrsData
|
|
|
|
- console.log('获取位置数据:', res);
|
|
|
|
- console.log('当前位置的经度:' + res.longitude);
|
|
|
|
- console.log('当前位置的纬度:' + res.latitude);
|
|
|
|
- //拼接当前定位回显地址
|
|
|
|
- let _address = res.address
|
|
|
|
-
|
|
|
|
- that.address = _address.province + _address.city + _address.district + _address.poiName
|
|
|
|
- console.log(that.address)
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
|
|
+ // uni.getLocation({
|
|
|
|
+ // type: 'gcj02',
|
|
|
|
+ // geocode: true,
|
|
|
|
+ // success: function(res) {
|
|
|
|
+ // that.nowLocation.longitude = res.longitude
|
|
|
|
+ // that.nowLocation.latitude = res.latitude
|
|
|
|
+ // that.covers[0].longitude = res.longitude
|
|
|
|
+ // that.covers[0].latitude = res.latitude
|
|
|
|
+ // let _coverrsData = []
|
|
|
|
+ // for (let i = 0; i < 50; i++) {
|
|
|
|
+ // let _obj = {
|
|
|
|
+ // id: i,
|
|
|
|
+ // latitude: res.latitude += 0.00150,
|
|
|
|
+ // longitude: res.longitude + 0.00150,
|
|
|
|
+ // iconPath: '../../../static/img/location.png',
|
|
|
|
+ // width: 30,
|
|
|
|
+ // height: 30,
|
|
|
|
+ // callout: {
|
|
|
|
+ // content: '中天昊元粮库',
|
|
|
|
+ // color: '#333333',
|
|
|
|
+ // fontSize: 12,
|
|
|
|
+ // borderRadius: 20,
|
|
|
|
+ // padding: 4,
|
|
|
|
+ // bgColor: 'white',
|
|
|
|
+ // display: 'ALWAYS',
|
|
|
|
+ // },
|
|
|
|
+ // }
|
|
|
|
+ // _coverrsData.push(_obj)
|
|
|
|
+ // }
|
|
|
|
+ // that.covers = _coverrsData
|
|
|
|
+ // console.log('获取位置数据:', res);
|
|
|
|
+ // console.log('当前位置的经度:' + res.longitude);
|
|
|
|
+ // console.log('当前位置的纬度:' + res.latitude);
|
|
|
|
+ // //拼接当前定位回显地址
|
|
|
|
+
|
|
|
|
+ // // #ifdef APP-PLUS
|
|
|
|
+ // let _address = res.address
|
|
|
|
+ // that.address = _address.province + _address.city + _address.district + _address.poiName
|
|
|
|
+ // console.log(that.address)
|
|
|
|
+ // // #endif
|
|
|
|
+ // }
|
|
|
|
+ // });
|
|
},
|
|
},
|
|
markertap(e) {
|
|
markertap(e) {
|
|
console.log(e)
|
|
console.log(e)
|
|
@@ -185,12 +298,19 @@
|
|
icon: 'none',
|
|
icon: 'none',
|
|
duration: 2000
|
|
duration: 2000
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ getLst() {
|
|
|
|
+ console.log("加载数据")
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style scoped>
|
|
<style scoped>
|
|
|
|
+ .active {
|
|
|
|
+ height: 583rpx!important;
|
|
|
|
+ }
|
|
|
|
+
|
|
.header {
|
|
.header {
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -200,6 +320,8 @@
|
|
|
|
|
|
.title {
|
|
.title {
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #333333;
|
|
}
|
|
}
|
|
|
|
|
|
.content {
|
|
.content {
|
|
@@ -216,12 +338,21 @@
|
|
bottom: 0;
|
|
bottom: 0;
|
|
width: 750rpx;
|
|
width: 750rpx;
|
|
flex: 1;
|
|
flex: 1;
|
|
- font-size: 34px;
|
|
|
|
- background: pink;
|
|
|
|
|
|
+ font-size: 34rpx;
|
|
|
|
+ background: white;
|
|
|
|
+ border-top-left-radius: 20rpx;
|
|
|
|
+ border-top-right-radius: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .warp {
|
|
|
|
+ /* flex-direction: row;
|
|
|
|
+ justify-content: center; */
|
|
}
|
|
}
|
|
|
|
|
|
.header-type {
|
|
.header-type {
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ color: #333333;
|
|
}
|
|
}
|
|
|
|
|
|
.alert {
|
|
.alert {
|
|
@@ -253,17 +384,94 @@
|
|
align-items: center;
|
|
align-items: center;
|
|
background: white;
|
|
background: white;
|
|
}
|
|
}
|
|
- .cancel{
|
|
|
|
|
|
+
|
|
|
|
+ .cancel {
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
color: white;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
- .confirm{
|
|
|
|
|
|
+
|
|
|
|
+ .confirm {
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
color: green;
|
|
color: green;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
- .select-item{
|
|
|
|
|
|
+
|
|
|
|
+ .select-item {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .warp {}
|
|
|
|
+
|
|
|
|
+ .bottom-list-item {
|
|
|
|
+ flex-direction: row;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ padding-bottom: 20rpx;
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .left {}
|
|
|
|
+
|
|
|
|
+ .left-img {
|
|
|
|
+ width: 102rpx;
|
|
|
|
+ height: 106rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .localtion {
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ color: #AFB3BF;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .localtion {
|
|
|
|
+
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right-img {
|
|
|
|
+ width: 21rpx;
|
|
|
|
+ height: 26rpx;
|
|
|
|
+ background: #AFB3BF;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right {
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .middle {
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .warp {
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right-bottom {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ color: #AFB3BF;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .top-line {
|
|
|
|
+ width: 68px;
|
|
|
|
+ height: 8px;
|
|
|
|
+ background: #B4B7C3;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ flex-direction: row;
|
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .line-style {
|
|
|
|
+ flex-direction: row;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .scroll-style {
|
|
|
|
+ height: 130rpx;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|