初始化万家商超用户端仓库
This commit is contained in:
wangxiaowei
140
pages/sy/allLIstcategories/allLIstcategories.vue
Normal file
140
pages/sy/allLIstcategories/allLIstcategories.vue
Normal file
@ -0,0 +1,140 @@
|
||||
<template>
|
||||
<view class="page" :style="themeColor">
|
||||
<!-- <view class="flex align-stretch benben-position-layout flex allLIstcategories_flex_0"
|
||||
:style="{height:(100+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||||
<view class='flex align-center justify-between flex-sub allLIstcategories_fd0_0'>
|
||||
<view class='flex align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
|
||||
<text class='fu-iconfont2 allLIstcategories_fd0_0_c0_c0'></text>
|
||||
</view>
|
||||
<view class='flex align-center flex-sub allLIstcategories_fd0_0_c1'>
|
||||
<image class='allLIstcategories_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"53.png"'></image>
|
||||
<input class='flex-sub allLIstcategories_fd0_0_c1_c1' type="text" placeholder="请输入关键字" confirm-type="done"
|
||||
:maxlength="-1" placeholder-style="color:rgba(153, 153, 153, 1);font-size:28rpx" v-model="fd0_0_c1_c1" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view :style="{height: (100+StatusBarRpx)+'rpx'}"></view> -->
|
||||
<benben-goods-classify top='0' :lists="cateList" @handle-item="handleItem">
|
||||
</benben-goods-classify>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {},
|
||||
|
||||
|
||||
data() {
|
||||
return {
|
||||
"fd0_0_c1_c1": "",
|
||||
cateList: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
themeColor() {
|
||||
return this.$store.getters.themeColor
|
||||
},
|
||||
|
||||
},
|
||||
watch: {},
|
||||
onLoad(options) {
|
||||
this.getAllCate();
|
||||
},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onReady() {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
onResize() {
|
||||
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
onReachBottom(e) {
|
||||
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleItem(e, pe) {
|
||||
console.log(e)
|
||||
console.log(pe)
|
||||
uni.navigateTo({
|
||||
url: `/pages/sy/classificationList/classificationList?id=${pe.aid}&title=${pe.title}&cid=${e.aid}`
|
||||
})
|
||||
},
|
||||
getAllCate() {
|
||||
this.$api.post(global.apiUrls.getAllCate)
|
||||
.then(res => {
|
||||
if (res.data.code == 1) {
|
||||
this.cateList = res.data.data;
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: calc(100vh - var(--window-bottom));
|
||||
background: #F8F8F8;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.allLIstcategories_flex_0 {
|
||||
background: #fff;
|
||||
width: 750rpx;
|
||||
height: 100rpx;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
top: 0rpx;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.allLIstcategories_fd0_0_c1_c1 {
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.allLIstcategories_fd0_0_c1_c0 {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.allLIstcategories_fd0_0_c1 {
|
||||
background: rgba(246, 247, 249, 1);
|
||||
height: 64rpx;
|
||||
border-radius: 34rpx 34rpx 34rpx 34rpx;
|
||||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||||
margin: 0rpx 0rpx 0rpx 32rpx;
|
||||
}
|
||||
|
||||
.allLIstcategories_fd0_0_c0_c0 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: rgba(51, 51, 51, 1);
|
||||
}
|
||||
|
||||
.allLIstcategories_fd0_0 {
|
||||
padding: 0rpx 24rpx 0rpx 24rpx;
|
||||
line-height: 88rpx;
|
||||
}
|
||||
</style>
|
||||
479
pages/sy/citySelection/citySelection.vue
Normal file
479
pages/sy/citySelection/citySelection.vue
Normal file
@ -0,0 +1,479 @@
|
||||
<!-- /*
|
||||
* @Author: 王尚
|
||||
* @Date: 2019-07-18
|
||||
*/ -->
|
||||
<template>
|
||||
<scroll-view :scroll-into-view="scrollIntoId" scroll-y class="container" @scroll="scroll">
|
||||
|
||||
<view class="search-container flex align-center justify-between">
|
||||
<view class="search-wrapper">
|
||||
<image :src='STATIC_URL+"53.png"' mode=""></image>
|
||||
<input type="text" placeholder="搜索城市名" placeholder-class="text-bf" value="" v-model="text" @confirm="handelSearch" />
|
||||
</view>
|
||||
<view class="sure" @click="handelSearch">搜索</view>
|
||||
</view>
|
||||
<view class="ocationlCity flex align-center justify-between" ref="location" >
|
||||
<view class="flex align-center">
|
||||
<text>当前城市:</text>
|
||||
<text @tap="handleChooseCurrentCity">{{cityName ? cityName : ''}}</text>
|
||||
</view>
|
||||
<!-- <view class="afresh-location" @tap="_location">重新定位</view> -->
|
||||
</view>
|
||||
<view class="search-list" v-if="searchData.length">
|
||||
<view class="search-item" v-for="(searchItem, index) in searchData" :key="index" @tap="chooseCity(searchItem)">
|
||||
<text class="name">{{searchItem.name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="nearest" ref="nearest" v-if="!searchData.length && recentlylist.length > 0">
|
||||
<view class="title">定位/最近访问</view>
|
||||
<view class="list">
|
||||
<view class="item" v-for="(Re_item, index) in recentlylist" :key="index" @click="chooseCity(Re_item)">{{Re_item.name}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="hot" id="hot" v-if="!searchData.length">
|
||||
<view class="title">热门城市</view>
|
||||
<view class="list">
|
||||
<view class="item" v-for="(item, index) in hotCities" :key="index" @tap="chooseCity(item)">{{item.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="city-list" v-if="!searchData.length">
|
||||
<view class="city-group" v-for="(item, key) of cities" :key="key" :id="key">
|
||||
<view class="group-title">{{key}}</view>
|
||||
<view class="list-group">
|
||||
<view class="list-group-item" v-for="(innerItem, index) in item" :key="index" @tap="chooseCity(innerItem)">
|
||||
<text class="name">{{innerItem.name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-shortcut" v-if="!searchData.length" @touchstart="onShortcutTouchStart" @touchmove.stop.prevent="onShortcutTouchMove">
|
||||
<view>
|
||||
<view v-for="(item, index) in letters" :key="index" :data-index="index" :data-item="item" class="item" :class="{'current': currentIndex == index}">{{item}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import amap from '@/common/amap-wx.js'
|
||||
const citys = require('@/common/city.json')
|
||||
// import Api from '@/common/api/url.js'
|
||||
const ANCHOR_HEIGHT = 18
|
||||
const TITLE_HEIGHT = 40
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
amapPlugin: null, //new地图
|
||||
key: '886bfe2d6c32bd8eac97c2e6d821ed0b',
|
||||
// key: '4d70fc05da7c6ed10e71eb274029ee31',
|
||||
cities: [], //城市数据源
|
||||
hotCities: [], //热门城市
|
||||
scrollIntoId: '', //滚动的某个ID
|
||||
currentIndex: 0, //当前是第几个模块
|
||||
nearCity: [1], //最近访问城市列表
|
||||
cityName: '', //当前定位城市
|
||||
text: '' ,//搜索框输入内容
|
||||
addr: '', // 位置
|
||||
recentlylist: [], //最近访问
|
||||
searchData: [],
|
||||
lat: '',
|
||||
lng: ''
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
this.cityName = options.city || '';
|
||||
this.touch = {}
|
||||
this._normalizeCitys()
|
||||
this.amapPlugin = new amap.AMapWX({
|
||||
key: this.key
|
||||
});
|
||||
// this.cityName = uni.getStorageSync('DUCHE_RECEPTION_CITY') || '暂无定位'
|
||||
// this.recentlylist = uni.getStorageSync('DUCHE_RECEPTION_RECENTLY') || []
|
||||
},
|
||||
onReady() {
|
||||
this._calculateHeight()
|
||||
},
|
||||
computed: {
|
||||
/** 计算右侧字母列表 */
|
||||
letters () {
|
||||
const letters = ['热']
|
||||
for (let item in this.cities) {
|
||||
letters.push(item)
|
||||
}
|
||||
return letters
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 当 searchInput 输入时触发
|
||||
*/
|
||||
onNavigationBarSearchInputChanged(e) {
|
||||
this.text = e.text;
|
||||
console.log(e)
|
||||
if (!this.text) {
|
||||
this.searchData = []
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 点击软键盘搜索按键触发
|
||||
*/
|
||||
onNavigationBarSearchInputConfirmed(e) {
|
||||
this.search(e.text);
|
||||
},
|
||||
/**
|
||||
* 点击导航栏 buttons 时触发
|
||||
*/
|
||||
onNavigationBarButtonTap() {
|
||||
let text = this.text;
|
||||
this.search(text);
|
||||
},
|
||||
methods: {
|
||||
_location() {
|
||||
uni.getLocation({
|
||||
type: 'gcj02',
|
||||
success: (res) => {
|
||||
// this.lat = res.latitude;
|
||||
// this.lng = res.longitude;
|
||||
this.amapPlugin.getRegeo({
|
||||
location: `${res.longitude},${res.latitude} `,
|
||||
success: (addr) => {
|
||||
console.log(addr[0])
|
||||
this.cityName = addr[0].regeocodeData.addressComponent.city;
|
||||
this.lat = res.latitude;
|
||||
this.lng = res.longitude;
|
||||
},
|
||||
fail: (err) => {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handelSearch() {
|
||||
let text = this.text;
|
||||
this.search(text);
|
||||
},
|
||||
/*** 选择城市 */
|
||||
chooseCity(item) {
|
||||
console.log('~~~~~~~', item)
|
||||
let that = this
|
||||
//缓存最近搜索城市
|
||||
// let len = this.recentlylist.length
|
||||
// let isRepeat = false
|
||||
// this.recentlylist.map((city) => {
|
||||
// if (city.name == item.name) {
|
||||
// isRepeat = true
|
||||
// }
|
||||
// })
|
||||
// if (len >= 6 && !isRepeat) {
|
||||
// this.recentlylist.shift()
|
||||
// this.recentlylist.push(item)
|
||||
// }
|
||||
// if (len < 6 && !isRepeat) {
|
||||
// this.recentlylist.push(item)
|
||||
// }
|
||||
|
||||
// console.log(item)
|
||||
// uni.setStorageSync('DUCHE_RECEPTION_RECENTLY', this.recentlylist);
|
||||
uni.$emit('CHOOSE_CITY', item)
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
|
||||
handleChooseCurrentCity() {
|
||||
if (!this.cityName) return false;
|
||||
uni.$emit('CHOOSE_CITY', {name: this.cityName, lat: this.lat, lng: this.lng});
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
|
||||
/*** 初始化城市列表数据 */
|
||||
_normalizeCitys () {
|
||||
// this.$api.post(global.apiUrls.getCityList).then(res => {
|
||||
// if (res.data.code == 1) {
|
||||
// this.cities = res.data.data.city_list;
|
||||
// this.hotCities = res.data.data.hot;
|
||||
// setTimeout(() => {
|
||||
// this._calculateHeight()
|
||||
// }, 300)
|
||||
// }
|
||||
// })
|
||||
if (citys.ret && citys.data) {
|
||||
const data = citys.data
|
||||
this.cities = data.cities
|
||||
this.hotCities = data.hotCities
|
||||
}
|
||||
},
|
||||
/*** 城市列表滚动时边界处理 */
|
||||
scroll(e) {
|
||||
this.scrollY = -e.detail.scrollTop
|
||||
const listHeight = this.listHeight
|
||||
// 当滚动到顶部， newY大于0
|
||||
if (this.scrollY > 0) {
|
||||
this.currentIndex = 0
|
||||
}
|
||||
// 滚动到中间部分
|
||||
for (let i = 0; i < listHeight.length - 1; i++) {
|
||||
let height1 = listHeight[i]
|
||||
let height2 = listHeight[i + 1]
|
||||
if (-this.scrollY < height1 && -this.scrollY >=0) {
|
||||
this.currentIndex = i
|
||||
// this.diff = height2 + this.scrollY
|
||||
return
|
||||
}
|
||||
if (-this.scrollY >= height1 && -this.scrollY < height2) {
|
||||
this.currentIndex = i
|
||||
// this.diff = height2 + this.scrollY
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
// 滚动到底部，且-newY大于最后一个元素的上限
|
||||
this.currentIndex = listHeight.length - 2
|
||||
},
|
||||
/*** 计算每一个城市模块的高度 */
|
||||
_calculateHeight() {
|
||||
this.listHeight = []
|
||||
let height = 0
|
||||
let view = uni.createSelectorQuery().select(".hot");
|
||||
view.boundingClientRect(data => {
|
||||
this.listHeight.push(data.top)
|
||||
}).exec();
|
||||
for(var k in this.cities){
|
||||
let view = uni.createSelectorQuery().select("#" + k);
|
||||
view.boundingClientRect(data => {
|
||||
this.listHeight.push(data.top)
|
||||
}).exec();
|
||||
}
|
||||
},
|
||||
/*** 点击右侧字母时左侧城市列表的联动 */
|
||||
onShortcutTouchStart(e) {
|
||||
let anchorIndex = parseInt(e.target.dataset.index)
|
||||
let anchorItem
|
||||
if (anchorIndex === 0) {
|
||||
anchorItem = 'hot'
|
||||
} else{
|
||||
anchorItem = e.target.dataset.item
|
||||
}
|
||||
let firstTouch = e.touches[0]
|
||||
this.touch.y1 = firstTouch.pageY
|
||||
this.touch.anchorIndex = anchorIndex
|
||||
this.scrollIntoId = anchorItem
|
||||
},
|
||||
/**
|
||||
* 手指在右侧字母列表上滑动时处理函数
|
||||
*/
|
||||
onShortcutTouchMove(e) {
|
||||
let firstTouch = e.touches[0]
|
||||
this.touch.y2 = firstTouch.pageY
|
||||
let delta = (this.touch.y2 - this.touch.y1) / ANCHOR_HEIGHT | 0
|
||||
let anchorIndex = parseInt(this.touch.anchorIndex) + delta
|
||||
let anchorItem
|
||||
if (anchorIndex === 0) {
|
||||
anchorItem = 'hot'
|
||||
} else{
|
||||
anchorItem = this.letters[anchorIndex]
|
||||
}
|
||||
this.scrollIntoId = anchorItem
|
||||
},
|
||||
/*** 搜索功能的实现 */
|
||||
search(text) {
|
||||
if(text == ''){
|
||||
uni.showToast({
|
||||
icon:"none",
|
||||
title:"请输入搜索内容"
|
||||
})
|
||||
return;
|
||||
}else{
|
||||
let cities = this.cities
|
||||
let searchData = []
|
||||
for(let k in cities) {
|
||||
cities[k].forEach((item) => {
|
||||
if (item.name.indexOf(text) > -1) {
|
||||
searchData.push({
|
||||
id: item.id,
|
||||
spell: item.spell,
|
||||
name: item.name
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
this.searchData = searchData
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
.search-container {
|
||||
padding: 24rpx 32rpx;
|
||||
.sure {
|
||||
font-size: 32rpx;
|
||||
color: #FF9D00;
|
||||
}
|
||||
}
|
||||
.search-wrapper {
|
||||
// margin: 24rpx 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
// margin-left: 24upx;
|
||||
width: 590upx;
|
||||
height: 64upx;
|
||||
background: #F8F9FC;
|
||||
border-radius: 32upx;
|
||||
image {
|
||||
margin: 0 15upx 0 28upx;
|
||||
width: 26upx;
|
||||
height: 26upx;
|
||||
}
|
||||
input {
|
||||
flex: 1;
|
||||
font-size: 28upx;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
.ocationlCity{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 0 32upx;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 80upx;
|
||||
font-size: 24upx;
|
||||
color: #333;
|
||||
background-color: #F6F7F9;
|
||||
text {
|
||||
&:last-child {
|
||||
display: block;
|
||||
padding: 0 32rpx;
|
||||
margin-left: 24upx;
|
||||
height: 60upx;
|
||||
line-height: 60upx;
|
||||
text-align: center;
|
||||
// background: #F8F9FC;
|
||||
border-radius: 4upx;
|
||||
font-size: 24upx;
|
||||
color: #4B5269;
|
||||
}
|
||||
}
|
||||
.afresh-location {
|
||||
margin-right: 12rpx;
|
||||
color: #FF9D00;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
.nearest, .hot {
|
||||
padding: 0 32upx 12upx;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
// border-bottom: 1px solid #eee;
|
||||
.title {
|
||||
line-height: 86upx;
|
||||
font-size: 26upx;
|
||||
color: #666;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
.item {
|
||||
margin-bottom: 20upx;
|
||||
margin-right: 20upx;
|
||||
padding: 0 20upx;
|
||||
box-sizing: border-box;
|
||||
width: 150upx;
|
||||
height: 60upx;
|
||||
line-height: 60upx;
|
||||
text-align: center;
|
||||
background: #F8F9FC;
|
||||
border-radius: 4upx;
|
||||
font-size: 24upx;
|
||||
color: #4B5269;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
.city-list {
|
||||
.city-group {
|
||||
.group-title {
|
||||
padding: 0 32upx;
|
||||
box-sizing: border-box;
|
||||
line-height: 70upx;
|
||||
font-size: 26upx;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
}
|
||||
.list-group {
|
||||
margin: 0 auto;
|
||||
width: 686upx;
|
||||
.list-group-item {
|
||||
position: relative;
|
||||
line-height: 74upx;
|
||||
color: #4B5269;
|
||||
font-size: 30rpx;
|
||||
&:after {
|
||||
@include bottom-line(#eee);
|
||||
}
|
||||
// border-bottom: 1px solid #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-list {
|
||||
margin: 0 auto;
|
||||
width: 686upx;
|
||||
.search-item {
|
||||
position: relative;
|
||||
line-height: 72upx;
|
||||
color: #4B5269;
|
||||
font-size: 30upx;
|
||||
&:after {
|
||||
@include bottom-line(#eee)
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.list-shortcut {
|
||||
position: fixed;
|
||||
z-index: 30;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 20px;
|
||||
padding: 20px 0;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
// background: #fff;;
|
||||
font-family: Helvetica;
|
||||
.item {
|
||||
padding: 3px;
|
||||
line-height: 1;
|
||||
color: #333;
|
||||
font-size: 28upx;
|
||||
&.current {
|
||||
color: #FF9D00;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
1328
pages/sy/classificationList/classificationList.vue
Normal file
1328
pages/sy/classificationList/classificationList.vue
Normal file
File diff suppressed because it is too large
Load Diff
376
pages/sy/searchPage/searchPage.vue
Normal file
376
pages/sy/searchPage/searchPage.vue
Normal file
@ -0,0 +1,376 @@
|
||||
<template>
|
||||
<view class="page" :style="themeColor">
|
||||
<view class="flex flex-direction align-stretch justify-between benben-position-layout flex searchPage_flex_0"
|
||||
:style="{height:(110+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||||
<view class='flex flex-wrap align-center justify-between searchPage_fd0_0'>
|
||||
<text class='fu-iconfont2 searchPage_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
|
||||
data-url="1"></text>
|
||||
<view class='flex flex-wrap align-center flex-sub searchPage_fd0_0_c1'>
|
||||
<image class='searchPage_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"53.png"'></image>
|
||||
<input @confirm="handleSearch" class='flex-sub searchPage_fd0_0_c1_c1' type="text" focus="true" placeholder="请输入关键字" confirm-type="done"
|
||||
:maxlength="-1" placeholder-style="color:rgba(153, 153, 153, 1);font-size:28rpx" v-model="keyword" />
|
||||
</view>
|
||||
<text class='searchPage_fd0_0_c2' @tap.stop="handleSearch" data-type="navigateTo"
|
||||
:data-url="`/pages/sy/searchResult/searchResult`">搜索</text>
|
||||
<view :style="{width: capsuleWidth + 'px'}"></view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view :style="{height: (110+StatusBarRpx)+'rpx'}"></view>
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout searchPage_flex_1">
|
||||
<view class='flex flex-wrap align-center justify-between searchPage_fd1_0'>
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<image class='searchPage_fd1_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"57.png"'></image>
|
||||
<text class='searchPage_fd1_0_c0_c1'>搜索历史</text>
|
||||
</view>
|
||||
<image class='searchPage_fd1_0_c1' :src='STATIC_URL+"58.png"' @tap.stop="handleDelete"></image>
|
||||
</view>
|
||||
<view class="flex align-center padding-lr" v-if="!historyList.length">暂无历史搜索</view>
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<view class='flex flex-wrap align-center searchPage_fd1_1_c0' v-for="(item, index) in historyList" :key="index" @tap.stop="handleJumpDiy" data-type="navigateTo"
|
||||
:data-url="`/pages/sy/searchResult/searchResult?keyword=${item.title}`">
|
||||
<text class='searchPage_fd1_1_c0_c0'>{{item.title}}</text>
|
||||
<!-- <image class='searchPage_fd1_1_c0_c1' :src='STATIC_URL+"60.png"' @tap.stop="deleteSearchFunc()"></image> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center justify-between searchPage_fd1_2'>
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<image class='searchPage_fd1_2_c0_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'></image>
|
||||
<text class='searchPage_fd1_2_c0_c1'>热门搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex align-center padding-lr" v-if="!hotList.length">暂无热门搜索</view>
|
||||
<view class='flex flex-wrap align-center searchPage_fd1_3'>
|
||||
|
||||
<view class='flex flex-wrap align-center searchPage_fd1_3_c0' v-for="(item, index) in hotList" :key="index" @tap.stop="handleJumpDiy" data-type="navigateTo"
|
||||
:data-url="`/pages/sy/searchResult/searchResult?keyword=${item.title}`">
|
||||
<text class='searchPage_fd1_3_c0_c0'>{{item.title}}</text>
|
||||
<!-- <image class='searchPage_fd1_3_c0_c1' :src='STATIC_URL+"60.png"' @tap.stop="deleteSearchFunc()"></image> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<benben-popup v-model="popupShow1681282077687" :mask="true" mode='center'>
|
||||
<!---删除历史记录flex布局开始-->
|
||||
<view class="flex flex-direction flex-wrap align-center searchPage_flex_2">
|
||||
<text class='searchPage_fd2_0'>确定删除历史记录？</text>
|
||||
<view class='flex flex-wrap align-center searchPage_fd2_1'>
|
||||
<button class='searchPage_fd2_1_c0' @tap.stop="popupShow1681282077687=false">取消</button>
|
||||
<button class='searchPage_fd2_1_c1' @tap.stop="clearSearchFunc()">确定</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!---删除历史记录flex布局结束-->
|
||||
|
||||
</benben-popup>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {},
|
||||
|
||||
|
||||
data() {
|
||||
return {
|
||||
"popupShow1681282077687": false,
|
||||
"keyword": "",
|
||||
"length": "1",
|
||||
historyList: [],
|
||||
hotList: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
themeColor() {
|
||||
return this.$store.getters.themeColor
|
||||
},
|
||||
appSearchHistory() { // 搜索历史
|
||||
return this.$store.state.appSearchHistory
|
||||
}
|
||||
},
|
||||
watch: {},
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onReady() {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.getSearchHistory();
|
||||
this.getHotSearch();
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
onResize() {
|
||||
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
onReachBottom(e) {
|
||||
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleSearch() {
|
||||
if (this.keyword.trim() == '') return this.$message.info('请输入搜索内容');
|
||||
uni.navigateTo({
|
||||
url: `/pages/sy/searchResult/searchResult?keyword=${this.keyword}`
|
||||
})
|
||||
},
|
||||
handleDelete() {
|
||||
if (!this.historyList.length) return this.$message.info('暂无历史搜索记录');
|
||||
this.$util.showModal({
|
||||
title:'提示',
|
||||
content: '确定删除历史记录?',
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
this.$api.post(global.apiUrls.postDelSearch).then(res => {
|
||||
let data = res.data;
|
||||
this.$message.info(data.msg);
|
||||
if (data.code == 1) {
|
||||
this.getSearchHistory();
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log('err: ' + JSON.stringify(err));
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
getHotSearch() {
|
||||
this.$api.post(global.apiUrls.getHotSearch).then(res => {
|
||||
if (res.data.code == 1) {
|
||||
this.hotList = res.data.data;
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
getSearchHistory() {
|
||||
this.$api.post(global.apiUrls.getSearchHistory).then(res => {
|
||||
if (res.data.code == 1) {
|
||||
this.historyList = res.data.data;
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
//删除搜索记录
|
||||
deleteSearchFunc(name) {
|
||||
this.$store.commit('appSearchHistoryDel', {
|
||||
"name": name
|
||||
})
|
||||
},
|
||||
//清空搜索记录
|
||||
clearSearchFunc() {
|
||||
this.$store.commit('appSearchHistoryClean', '')
|
||||
this.popupShow1681282077687 = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: calc(100vh - var(--window-bottom));
|
||||
background: rgba(255, 255, 255, 1);
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.searchPage_flex_0 {
|
||||
background: #fff;
|
||||
width: 750rpx;
|
||||
height: 110rpx;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
top: 0rpx;
|
||||
background-size: #eee;
|
||||
}
|
||||
|
||||
.searchPage_fd0_0_c2 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
margin: 0rpx 0rpx 0rpx 32rpx;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd0_0_c1_c1 {
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.searchPage_fd0_0_c1_c0 {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd0_0_c1 {
|
||||
background: rgba(246, 247, 249, 1);
|
||||
height: 64rpx;
|
||||
background-size: 100% auto !important;
|
||||
border-radius: 34rpx 34rpx 34rpx 34rpx;
|
||||
padding: 12rpx 24rpx 12rpx 24rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.searchPage_fd0_0_c0 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd0_0 {
|
||||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.searchPage_flex_1 {
|
||||
padding: 32rpx 32rpx 32rpx 32rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_3_c0_c1 {
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_3_c0_c0 {
|
||||
line-height: 34rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: rgba(51, 51, 51, 1);
|
||||
}
|
||||
|
||||
.searchPage_fd1_3_c0 {
|
||||
background: rgba(246, 247, 249, 1);
|
||||
height: 56rpx;
|
||||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||||
margin: 12rpx 12rpx 12rpx 12rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_3 {
|
||||
margin: 0rpx 0rpx rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_2_c0_c1 {
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_2_c0_c0 {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_2 {
|
||||
margin: 64rpx 0rpx 23rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_1_c0_c1 {
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_1_c0_c0 {
|
||||
line-height: 34rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: rgba(51, 51, 51, 1);
|
||||
}
|
||||
|
||||
.searchPage_fd1_1_c0 {
|
||||
background: rgba(246, 247, 249, 1);
|
||||
height: 56rpx;
|
||||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||||
margin: 12rpx 12rpx 12rpx 12rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_0_c1 {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_0_c0_c1 {
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_0_c0_c0 {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd1_0 {
|
||||
margin: 0rpx 0rpx 23rpx 0rpx;
|
||||
}
|
||||
|
||||
.searchPage_flex_2 {
|
||||
background: #fff;
|
||||
margin: 0rpx 105rpx 0rpx 105rpx;
|
||||
background-size: #eee;
|
||||
border-radius: 25rpx 25rpx 25rpx 25rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd2_1_c1 {
|
||||
background: transparent;
|
||||
line-height: 45rpx;
|
||||
border-radius: 0rpx 0rpx 16rpx 0rpx;
|
||||
font-size: 32rpx;
|
||||
color: rgba(255, 147, 0, 1);
|
||||
padding: 24rpx 103rpx 24rpx 99rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd2_1_c0 {
|
||||
border-right: 1px solid #EEEEEE;
|
||||
background: transparent;
|
||||
line-height: 45rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 16rpx;
|
||||
font-size: 32rpx;
|
||||
color: rgba(153, 153, 153, 1);
|
||||
padding: 24rpx 103rpx 24rpx 103rpx;
|
||||
}
|
||||
|
||||
.searchPage_fd2_1 {
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
.searchPage_fd2_0 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
line-height: 52rpx;
|
||||
color: #333333;
|
||||
margin: 56rpx 0rpx 64rpx 0rpx;
|
||||
}
|
||||
</style>
|
||||
1448
pages/sy/searchResult/searchResult.vue
Normal file
1448
pages/sy/searchResult/searchResult.vue
Normal file
File diff suppressed because it is too large
Load Diff
608
pages/sy/selectlocationAddress/selectlocationAddress.vue
Normal file
608
pages/sy/selectlocationAddress/selectlocationAddress.vue
Normal file
@ -0,0 +1,608 @@
|
||||
<template>
|
||||
<view class="page" :style="themeColor">
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex selectlocationAddress_flex_0"
|
||||
:style="{height:(200+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||||
<view class='flex flex-wrap align-center justify-between selectlocationAddress_fd0_0'>
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd0_0_c0' @tap.stop="handleJumpDiy"
|
||||
data-type="back" data-url="1">
|
||||
<text class='fu-iconfont2 selectlocationAddress_fd0_0_c0_c0'></text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<text class='selectlocationAddress_fd0_0_c1_c0'>选择收货地址</text>
|
||||
</view>
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class='flex flex-wrap align-center justify-end selectlocationAddress_fd0_0_c2' @tap.stop="handleJumpDiy"
|
||||
data-type="navigateTo" :data-url="`/pages/my/addAddress/addAddress`">
|
||||
<text class='selectlocationAddress_fd0_0_c2_c0'>新增地址</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class='flex flex-wrap align-center justify-end selectlocationAddress_fd0_0_c2'>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class='flex align-center selectlocationAddress_fd0_1'>
|
||||
<view class='flex flex-wrap align-center' @tap.stop="handleChooseCity" data-type="navigateTo"
|
||||
:data-url="`/pages/sy/citySelection/citySelection`">
|
||||
<image class='selectlocationAddress_fd0_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"52.png"'></image>
|
||||
<text class='selectlocationAddress_fd0_1_c0_c1'>{{city || '定位中'}}</text>
|
||||
</view>
|
||||
<view class='flex align-center flex-sub selectlocationAddress_fd0_1_c1'>
|
||||
<image class='selectlocationAddress_fd0_1_c1_c0' mode="aspectFill" :src='STATIC_URL+"53.png"'></image>
|
||||
<input style="margin-left: 24rpx;" type="text" placeholder="搜索地点" confirm-type="done" :maxlength="-1" @input="handleInput"
|
||||
@confirm="handleSearch" placeholder-style="color:rgba(153, 153, 153, 1);font-size:28rpx" v-model="keyword" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view :style="{height: (200+StatusBarRpx)+'rpx'}"></view>
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-wrap align-center justify-between benben-flex-layout selectlocationAddress_flex_1">
|
||||
<view class='selectlocationAddress_fd1_0 text-cut'>{{addr || '定位中'}}</view>
|
||||
<image class='selectlocationAddress_fd1_1' mode="aspectFill" @click="getLocation" :src='STATIC_URL+"54.png"'></image>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout selectlocationAddress_flex_2">
|
||||
<view class='flex flex-wrap align-center justify-between selectlocationAddress_fd2_0'>
|
||||
<view class="flex align-center">
|
||||
<image class='selectlocationAddress_fd2_0_c0' mode="aspectFit" :src='STATIC_URL+"55.png"'></image>
|
||||
<text class='selectlocationAddress_fd2_0_c1'>我的收货地址</text>
|
||||
</view>
|
||||
<text class='selectlocationAddress_fd2_0_c1' @tap.stop="handleJumpDiy"
|
||||
data-type="navigateTo" :data-url="`/pages/my/addAddress/addAddress`">新增地址</text>
|
||||
</view>
|
||||
<fu-empty-ui v-if="address_list.length === 0 && isInit"></fu-empty-ui>
|
||||
<view class='flex flex-direction flex-wrap align-stretch selectlocationAddress_fd2_1' @click="handleSelectAddress(item)" v-for="(item, index) in address_list" :key="index">
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c0'>{{item.real_name}}</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c1'>(</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c2'>{{item.sex == 1 ? '先生' : '女士'}}</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c3'>)</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c4'>{{item.mobile}}</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd2_1_c1'>
|
||||
<text class='selectlocationAddress_fd2_1_c1_c0'>{{item.probince || ''}}{{item.city || ''}}{{item.district || ''}}{{item.detail}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="address_list.length != allAddressList.length" class='flex flex-wrap align-center justify-center selectlocationAddress_fd2_3' @click="handleShowAll">
|
||||
<text class='selectlocationAddress_fd2_3_c0'>展开全部地址</text>
|
||||
<image class='selectlocationAddress_fd2_3_c1' mode="aspectFit" :src='STATIC_URL+"56.png"'></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex benben-flex-layout flex-wrap align-center selectlocationAddress_flex_3">
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout selectlocationAddress_flex_4">
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd4_0'>
|
||||
<image class='selectlocationAddress_fd4_0_c0' mode="aspectFit" :src='STATIC_URL+"55.png"'></image>
|
||||
<text class='selectlocationAddress_fd4_0_c1'>附近地址</text>
|
||||
</view>
|
||||
<view class='flex flex-direction flex-wrap align-stretch selectlocationAddress_fd4_1' @click="handleSelectPoi(item)" v-for="(item, index) in poiList" :key="index">
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<text class='selectlocationAddress_fd4_1_c0_c0'>{{item.name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import amap from '@/common/amap-wx.js';
|
||||
export default {
|
||||
components: {},
|
||||
|
||||
|
||||
data() {
|
||||
return {
|
||||
"keyword": "",
|
||||
city: '',
|
||||
isInit: false,
|
||||
address_list: [],
|
||||
allAddressList: [],
|
||||
addr: '',
|
||||
amapPlugin: null, //new地图
|
||||
key: '886bfe2d6c32bd8eac97c2e6d821ed0b',
|
||||
poiList: [],
|
||||
latitude: '',
|
||||
longitude: ''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
themeColor() {
|
||||
return this.$store.getters.themeColor
|
||||
},
|
||||
|
||||
},
|
||||
watch: {},
|
||||
onLoad(options) {
|
||||
this.city = options.city || '';
|
||||
this.addr = options.addr || '';
|
||||
if (!this.addr || !this.city) {
|
||||
this.getLocation()
|
||||
}
|
||||
this.amapPlugin = new amap.AMapWX({
|
||||
key: this.key
|
||||
});
|
||||
this.getPoiList();
|
||||
|
||||
},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onReady() {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.getAddressList();
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
onResize() {
|
||||
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
onReachBottom(e) {
|
||||
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleSelectAddress(item) {
|
||||
let params = {
|
||||
city: item.city,
|
||||
lat: item.lat,
|
||||
lng: item.lng,
|
||||
address: item.detail
|
||||
}
|
||||
uni.$emit('SELECT_ADDRESS', params)
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
handleSelectPoi(item) {
|
||||
let params = {
|
||||
city: item.cityname || this.city,
|
||||
lat: item.location.split(',')[1],
|
||||
lng: item.location.split(',')[0],
|
||||
address: item.name
|
||||
}
|
||||
uni.$emit('SELECT_ADDRESS', params)
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
getLocation() {
|
||||
this.city = '定位中'
|
||||
this.addr = '定位中'
|
||||
this.amapPlugin.getRegeo({
|
||||
success: (data) => {
|
||||
//成功回调
|
||||
console.log('地理位置' + JSON.stringify(data[0].regeocodeData.pois));
|
||||
let addr = data[0].regeocodeData.pois.length ? data[0].regeocodeData.pois[0].name :
|
||||
data[0].regeocodeData.addressComponent.district;
|
||||
global.city = data[0].regeocodeData.addressComponent.city
|
||||
global.addr = addr
|
||||
this.city = global.city
|
||||
this.addr = global.addr
|
||||
},
|
||||
fail: (err) => {
|
||||
this.city = '定位失败，请选择'
|
||||
console.error(err)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleChooseCity() {
|
||||
uni.$once('CHOOSE_CITY', data => {
|
||||
console.log('监听到的数据', data)
|
||||
this.city = data.name;
|
||||
this.latitude = data.lat;
|
||||
this.longitude = data.lng;
|
||||
// this.getTipsList();
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: '/pages/sy/citySelection/citySelection?city=' + this.city
|
||||
})
|
||||
},
|
||||
handleInput(e) {
|
||||
this.getTipsList()
|
||||
},
|
||||
// 去搜索
|
||||
handleSearch(e, text) {
|
||||
this.getTipsList()
|
||||
},
|
||||
_getPOIAroundList() {
|
||||
this.amapPlugin.getPoiAround({
|
||||
keywords: this.keyword,
|
||||
location: `${this.longitude},${this.latitude}`,
|
||||
success: (res) => {
|
||||
console.log('poi周边列表', res)
|
||||
if (res && res.poisData) {
|
||||
this.poiList = res.poisData
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
handleShowAll() {
|
||||
this.address_list = this.allAddressList;
|
||||
},
|
||||
getPoiList() {
|
||||
console.log(123)
|
||||
this.amapPlugin.getPoiAround({
|
||||
// location: `${this.lng},${this.lat}`,
|
||||
success: (data) => {
|
||||
console.log('poi周边列表', data)
|
||||
if (data && data.poisData) {
|
||||
this.poiList = data.poisData
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
getTipsList() {
|
||||
if (!this.keyword) {
|
||||
this.$Common.toast('请先选择当前城市')
|
||||
return
|
||||
}
|
||||
console.log(123)
|
||||
this.amapPlugin.getInputtips({
|
||||
keywords: this.keyword,
|
||||
city: this.city,
|
||||
success: (data) => {
|
||||
console.log('tips周边列表', data)
|
||||
if (data && data.tips) {
|
||||
this.poiList = data.tips
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* @func 获取地址列表
|
||||
*/
|
||||
getAddressList() {
|
||||
this.$api.post(global.apiUrls.post636f7683cf195, {list_rows: 1000})
|
||||
.then((res) => {
|
||||
console.log("地址列表", res);
|
||||
if (res.data.code == 1) {
|
||||
this.address_list = res.data.data.data.slice(0, 2);
|
||||
this.allAddressList = res.data.data.data;
|
||||
this.isInit = true;
|
||||
} else {
|
||||
this.$message.info(res.data.msg);
|
||||
this.address_list = [];
|
||||
this.allAddressList = [];
|
||||
this.backData = null;
|
||||
}
|
||||
this.$nextTick(function () {
|
||||
uni.stopPullDownRefresh();
|
||||
});
|
||||
});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: calc(100vh - var(--window-bottom));
|
||||
background: rgba(255, 255, 255, 1);
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.selectlocationAddress_flex_0 {
|
||||
background: #fff;
|
||||
width: 750rpx;
|
||||
height: 200rpx;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
top: 0rpx;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_1_c1_c1 {
|
||||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_1_c1_c0 {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_1_c1 {
|
||||
flex: 1;
|
||||
background:rgba(246, 247, 249, 1);
|
||||
margin: 0rpx 0rpx 0rpx 32rpx;
|
||||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||||
padding: 0 24rpx;
|
||||
height: 64rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_1_c0_c1 {
|
||||
color: #666666;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_1_c0_c0 {
|
||||
width: 28rpx;
|
||||
height: 34rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_1 {
|
||||
margin: 34rpx 32rpx 0rpx 24rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_0_c2_c0 {
|
||||
line-height: 35rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_0_c2 {
|
||||
width: 150rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_0_c1_c0 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_0_c0_c0 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_0_c0 {
|
||||
width: 150rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd0_0 {
|
||||
margin: 42rpx 32rpx 0rpx 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_flex_1 {
|
||||
background: rgba(246, 247, 249, 1);
|
||||
height: 88rpx;
|
||||
background-size: 100% auto !important;
|
||||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd1_1 {
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd1_0 {
|
||||
width: 500rpx;
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_flex_2 {
|
||||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_3_c1 {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 0rpx 0rpx 12rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_3_c0 {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_3 {
|
||||
margin: 24rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c1_c0 {
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c1 {
|
||||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c0_c4 {
|
||||
margin: 0rpx 0rpx 0rpx 40rpx;
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c0_c3 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c0_c2 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c0_c1 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2_c0_c0 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_2 {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 0rpx 0rpx 0rpx 54rpx;
|
||||
padding: 24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c1_c0 {
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c1 {
|
||||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c0_c4 {
|
||||
margin: 0rpx 0rpx 0rpx 40rpx;
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c0_c3 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c0_c2 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c0_c1 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1_c0_c0 {
|
||||
color: #1A1A1A;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_1 {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 0rpx 24rpx 0rpx 54rpx;
|
||||
padding: 24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_0_c1 {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_0_c0 {
|
||||
width: 6rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd2_0 {
|
||||
margin: 0rpx 32rpx 8rpx 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_flex_3 {
|
||||
background: rgba(246, 247, 249, 1);
|
||||
height: 20rpx;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.selectlocationAddress_flex_4 {
|
||||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_2_c0_c0 {
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_2 {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 0rpx 0rpx 0rpx 54rpx;
|
||||
padding: 24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_1_c0_c0 {
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_1 {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 0rpx 0rpx 0rpx 54rpx;
|
||||
padding: 24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_0_c1 {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_0_c0 {
|
||||
width: 6rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.selectlocationAddress_fd4_0 {
|
||||
margin: 0rpx 0rpx 8rpx 32rpx;
|
||||
}
|
||||
</style>
|
||||
299
pages/sy/selectlocationAddress/selectlocationAddress1.vue
Normal file
299
pages/sy/selectlocationAddress/selectlocationAddress1.vue
Normal file
@ -0,0 +1,299 @@
|
||||
<template>
|
||||
<view class="page" :style="themeColor">
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex selectlocationAddress_flex_0" :style="{height:(200+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||||
<view class='flex flex-wrap align-center justify-between selectlocationAddress_fd0_0' >
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back" data-url="1" >
|
||||
<text class='fu-iconfont2 selectlocationAddress_fd0_0_c0_c0' ></text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center' >
|
||||
<text class='selectlocationAddress_fd0_0_c1_c0' >选择收货地址</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center justify-end selectlocationAddress_fd0_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/my/addAddress/addAddress`" >
|
||||
<text class='selectlocationAddress_fd0_0_c2_c0' >新增地址</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd0_1' >
|
||||
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/sy/citySelection/citySelection`" >
|
||||
<image class='selectlocationAddress_fd0_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"52.png"'></image>
|
||||
<text class='selectlocationAddress_fd0_1_c0_c1' >杭州</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center flex-sub selectlocationAddress_fd0_1_c1' >
|
||||
<image class='selectlocationAddress_fd0_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"53.png"'></image>
|
||||
<input class='selectlocationAddress_fd0_1_c1_c1' type="text" placeholder="搜索地点" confirm-type="done" :maxlength="-1" placeholder-style="color:rgba(153, 153, 153, 1);font-size:28rpx" v-model="fd0_1_c1_c1" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view :style="{height: (200+StatusBarRpx)+'rpx'}" ></view>
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-wrap align-center justify-between benben-flex-layout selectlocationAddress_flex_1" >
|
||||
<text class='selectlocationAddress_fd1_0' >华诚国际中心</text>
|
||||
<image class='selectlocationAddress_fd1_1' mode="aspectFit" :src='STATIC_URL+"54.png"'></image>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout selectlocationAddress_flex_2" >
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd2_0' >
|
||||
<image class='selectlocationAddress_fd2_0_c0' mode="aspectFit" :src='STATIC_URL+"55.png"'></image>
|
||||
<text class='selectlocationAddress_fd2_0_c1' >我的收货地址</text>
|
||||
</view>
|
||||
<view class='flex flex-direction flex-wrap align-stretch selectlocationAddress_fd2_1' >
|
||||
<view class='flex flex-wrap align-center' >
|
||||
<text class='selectlocationAddress_fd2_1_c0_c0' >司马哥</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c1' >(</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c2' >先生</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c3' >)</text>
|
||||
<text class='selectlocationAddress_fd2_1_c0_c4' >18088361234</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd2_1_c1' >
|
||||
<text class='selectlocationAddress_fd2_1_c1_c0' >河南省郑州市二七区大学路华城国际中心</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex flex-direction flex-wrap align-stretch selectlocationAddress_fd2_2' >
|
||||
<view class='flex flex-wrap align-center' >
|
||||
<text class='selectlocationAddress_fd2_2_c0_c0' >司马哥</text>
|
||||
<text class='selectlocationAddress_fd2_2_c0_c1' >(</text>
|
||||
<text class='selectlocationAddress_fd2_2_c0_c2' >先生</text>
|
||||
<text class='selectlocationAddress_fd2_2_c0_c3' >)</text>
|
||||
<text class='selectlocationAddress_fd2_2_c0_c4' >18088361234</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd2_2_c1' >
|
||||
<text class='selectlocationAddress_fd2_2_c1_c0' >河南省郑州市二七区大学路华城国际中心</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center justify-center selectlocationAddress_fd2_3' >
|
||||
<text class='selectlocationAddress_fd2_3_c0' >展开全部地址</text>
|
||||
<image class='selectlocationAddress_fd2_3_c1' mode="aspectFit" :src='STATIC_URL+"56.png"'></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex benben-flex-layout flex-wrap align-center selectlocationAddress_flex_3" >
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
<!---flex布局flex布局开始-->
|
||||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout selectlocationAddress_flex_4" >
|
||||
<view class='flex flex-wrap align-center selectlocationAddress_fd4_0' >
|
||||
<image class='selectlocationAddress_fd4_0_c0' mode="aspectFit" :src='STATIC_URL+"55.png"'></image>
|
||||
<text class='selectlocationAddress_fd4_0_c1' >附近地址</text>
|
||||
</view>
|
||||
<view class='flex flex-direction flex-wrap align-stretch selectlocationAddress_fd4_1' >
|
||||
<view class='flex flex-wrap align-center' >
|
||||
<text class='selectlocationAddress_fd4_1_c0_c0' >华诚国际中心东门</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex flex-direction flex-wrap align-stretch selectlocationAddress_fd4_2' >
|
||||
<view class='flex flex-wrap align-center' >
|
||||
<text class='selectlocationAddress_fd4_2_c0_c0' >华诚国际中心东门</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!---flex布局flex布局结束-->
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
export default {
|
||||
components:{},
|
||||
|
||||
|
||||
data(){
|
||||
return {"fd0_1_c1_c1":""};
|
||||
},
|
||||
computed:{
|
||||
themeColor() {
|
||||
return this.$store.getters.themeColor
|
||||
},
|
||||
|
||||
},
|
||||
watch:{},
|
||||
onLoad(options){
|
||||
|
||||
},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onReady(){
|
||||
|
||||
},
|
||||
onShow(){
|
||||
|
||||
},
|
||||
onHide(){
|
||||
|
||||
},
|
||||
onResize(){
|
||||
|
||||
},
|
||||
onPullDownRefresh(){
|
||||
|
||||
},
|
||||
onReachBottom(e){
|
||||
|
||||
},
|
||||
onPageScroll(e){
|
||||
|
||||
},
|
||||
methods:{
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page{
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: calc(100vh - var(--window-bottom));
|
||||
background:rgba(255, 255, 255, 1);background-size: 100% auto !important;
|
||||
}
|
||||
.selectlocationAddress_flex_0{
|
||||
background:#fff;width:750rpx;height:200rpx;overflow:hidden;z-index:10;top:0rpx;background-size:100% auto !important;
|
||||
}
|
||||
.selectlocationAddress_fd0_1_c1_c1{
|
||||
margin:0rpx 0rpx 0rpx 16rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_1_c1_c0{
|
||||
width:28rpx;height:28rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_1_c1{
|
||||
background:rgba(246, 247, 249, 1);margin:0rpx 0rpx 0rpx 32rpx;border-radius:32rpx 32rpx 32rpx 32rpx;background-size:100% auto !important;padding:12rpx 24rpx 12rpx 24rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_1_c0_c1{
|
||||
color:#666666;font-size:32rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_1_c0_c0{
|
||||
width:28rpx;height:34rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_1{
|
||||
margin:34rpx 32rpx 0rpx 24rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_0_c2_c0{
|
||||
line-height:35rpx;font-size:32rpx;font-weight:400;color:#000000;
|
||||
}
|
||||
.selectlocationAddress_fd0_0_c2{
|
||||
width:150rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_0_c1_c0{
|
||||
font-size:36rpx;font-weight:500;color:#333;line-height:36rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_0_c0_c0{
|
||||
font-size:36rpx;font-weight:500;color:#333;line-height:36rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_0_c0{
|
||||
width:150rpx;
|
||||
}
|
||||
.selectlocationAddress_fd0_0{
|
||||
margin:42rpx 32rpx 0rpx 32rpx;
|
||||
}
|
||||
.selectlocationAddress_flex_1{
|
||||
background:rgba(246, 247, 249, 1);height:88rpx;background-size:100% auto !important;padding:0rpx 32rpx 0rpx 32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd1_1{
|
||||
width:38rpx;height:38rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd1_0{
|
||||
color:#333333;font-size:32rpx;font-weight:400;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_flex_2{
|
||||
padding:32rpx 0rpx 32rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_3_c1{
|
||||
width:28rpx;height:28rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 0rpx 0rpx 12rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_3_c0{
|
||||
color:#333333;font-size:28rpx;font-weight:400;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_3{
|
||||
margin:24rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c1_c0{
|
||||
color:#666666;font-size:28rpx;font-weight:400;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c1{
|
||||
margin:16rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c0_c4{
|
||||
margin:0rpx 0rpx 0rpx 40rpx;color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c0_c3{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c0_c2{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c0_c1{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2_c0_c0{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_2{
|
||||
border-bottom:1px solid #eee;margin:0rpx 0rpx 0rpx 54rpx;padding:24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c1_c0{
|
||||
color:#666666;font-size:28rpx;font-weight:400;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c1{
|
||||
margin:16rpx 0rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c0_c4{
|
||||
margin:0rpx 0rpx 0rpx 40rpx;color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c0_c3{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c0_c2{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c0_c1{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1_c0_c0{
|
||||
color:#1A1A1A;font-size:28rpx;font-weight:500;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_1{
|
||||
border-bottom:1px solid #eee;margin:0rpx 0rpx 0rpx 54rpx;padding:24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_0_c1{
|
||||
color:#333333;font-size:28rpx;font-weight:500;line-height:30rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_0_c0{
|
||||
width:6rpx;height:32rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd2_0{
|
||||
margin:0rpx 0rpx 8rpx 32rpx;
|
||||
}
|
||||
.selectlocationAddress_flex_3{
|
||||
background:rgba(246, 247, 249, 1);height:20rpx;background-size:100% auto !important;
|
||||
}
|
||||
.selectlocationAddress_flex_4{
|
||||
padding:32rpx 0rpx 32rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_2_c0_c0{
|
||||
color:#666666;font-size:28rpx;font-weight:400;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_2{
|
||||
border-bottom:1px solid #eee;margin:0rpx 0rpx 0rpx 54rpx;padding:24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_1_c0_c0{
|
||||
color:#666666;font-size:28rpx;font-weight:400;line-height:32rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_1{
|
||||
border-bottom:1px solid #eee;margin:0rpx 0rpx 0rpx 54rpx;padding:24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_0_c1{
|
||||
color:#333333;font-size:28rpx;font-weight:500;line-height:30rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_0_c0{
|
||||
width:6rpx;height:32rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
.selectlocationAddress_fd4_0{
|
||||
margin:0rpx 0rpx 8rpx 32rpx;
|
||||
}
|
||||
</style>
|
||||
21
pages/sy/waihref/waihref.vue
Normal file
21
pages/sy/waihref/waihref.vue
Normal file
@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<view class="">
|
||||
<web-view :src="url"></web-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
url:""
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.url = options.id
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user