xthyg
/
minAPP-hyg
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式调整

Browse Source
dev
Tuzki 2 years ago
parent 842c8e8f42
commit 0306ac457b
5 changed files with 140 additions and 79 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 1
      App.vue
  2. 175
      pages/daolan/pointDetail.vue
  3. 23
      pages/daolan/zhdl.vue
  4. 20
      static/css/iconfont.css
  5. BIN
      static/css/iconfont.ttf

1
App.vue
Unescape View File

@ -81,4 +81,5 @@ const aes = require('./common/aes.js');
/*每个页面公共css */ /*每个页面公共css */
/* @import './static/css/common.css'; */ /* @import './static/css/common.css'; */
@import './static/ancss/an.css'; @import './static/ancss/an.css';
@import '/static/css/iconfont.css';
</style> </style>

175
pages/daolan/pointDetail.vue
Unescape View File

@ -1,30 +1,43 @@
<template> <template>
<view class="box"> <view class="">
<view class="top"> <view class="top box">
<view class="img-play"> <view class="img-play">
<image style="width: 100%; height: 100%; background-color: #eeeeee" :mode="item.mode" :src="baseUrl + datas.imgsl"></image> <image style="width: 100%; height: 100%; background-color: #eeeeee" :mode="item.mode" :src="baseUrl + datas.imgsl"></image>
<view class="play-stop" v-if="plays&&datas.voiceurl" @click="play(datas.voiceurl)"><image style="width: 50rpx; height: 50rpx;padding:10rpx" src="../../static/img/icon_play.png"></image></view> <view class="play-stop" v-if="plays && datas.voiceurl" @click="play(datas.voiceurl)">
<view class="play-stop" v-if="!plays" @click="pause()"><image style="width: 50rpx; height: 50rpx;padding:10rpx" src="../../static/img/icon_stop.png"></image></view> <image style="width: 50rpx; height: 50rpx; padding: 10rpx" src="../../static/img/icon_play.png"></image>
</view>
<view class="play-stop" v-if="!plays" @click="pause()"><image style="width: 50rpx; height: 50rpx; padding: 10rpx" src="../../static/img/icon_stop.png"></image></view>
</view> </view>
<view class="top-right"> <view class="top-right">
<view class="sencien-name">{{datas.cname}}</view> <view class="sencien-name">{{ datas.cname }}</view>
<view class="sencien-type">{{datas.typename}}</view> <view class="sencien-type">{{ datas.typename }}</view>
<view class="sencien-price">门票:{{datas.ticketprice}}</view> <view class="sencien-price">门票:{{ datas.ticketprice }}</view>
</view> </view>
</view> </view>
<view class="content"> <view class="content box">
<view>景区简介</view> <view class="box-title">景区简介</view>
<mp-html :content="datas.content"></mp-html> <mp-html :content="datas.content"></mp-html>
</view> </view>
<view class="picture"> <view class="picture box">
<view class="img-box" v-for="(item,index) in imgs"> <view class="box-title">景点图集</view>
<image class="img" :src="baseUrl+item"></image> <view class="img-box" v-for="(item, index) in imgs">
<image class="img" :src="baseUrl + item"></image>
</view> </view>
</view> </view>
<view class="bottom"> <view class="bottom box">
<view><uni-icons class="icn" type="location" size="20" color="#989898"></uni-icons>{{datas.addr}}</view> <view>
<view><uni-icons class="icn" type="eye" size="20" color="#989898"></uni-icons>{{datas.opentime}}</view> <uni-icons class="icn" type="location" size="20" color="#989898"></uni-icons>
<view @click="callPhone('tel')"><uni-icons class="icn" type="phone" size="20" color="#989898"></uni-icons>{{datas.tel}}</view> {{ datas.addr }}
</view>
<view>
<!-- <uni-icons class="icn" type="eye" size="20" color="#989898"></uni-icons> -->
<span class="iconfont">&#xe680;</span>
{{ datas.opentime }}
</view>
<view @click="callPhone('tel')">
<uni-icons class="icn" type="phone" size="20" color="#989898"></uni-icons>
{{ datas.tel }}
</view>
</view> </view>
</view> </view>
</template> </template>
@ -36,7 +49,7 @@ export default {
datas: null, datas: null,
imgs: null, imgs: null,
baseUrl: this.$config.ROOTPATH, baseUrl: this.$config.ROOTPATH,
plays: true, plays: true
}; };
}, },
onLoad(options) { onLoad(options) {
@ -45,7 +58,7 @@ export default {
}, },
methods: { methods: {
getDetail(val) { getDetail(val) {
let this_ = this let this_ = this;
uni.request({ uni.request({
url: this.$config.ROOTPATH + '/mobile/mapScenic/qylyScenicinfoById?userkey=' + this.$param.userkey + '&id=' + val, url: this.$config.ROOTPATH + '/mobile/mapScenic/qylyScenicinfoById?userkey=' + this.$param.userkey + '&id=' + val,
method: 'get', method: 'get',
@ -71,7 +84,7 @@ export default {
}); });
}, },
pause() { pause() {
let this_ = this let this_ = this;
uni.stopBackgroundAudio({ uni.stopBackgroundAudio({
success: function () { success: function () {
this_.showMp3Title = false; this_.showMp3Title = false;
@ -79,70 +92,78 @@ export default {
} }
}); });
}, },
callPhone(){ callPhone() {
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: '03193928888' //仅为示例，并非真实的电话号码 phoneNumber: '03193928888' //仅为示例，并非真实的电话号码
}) });
} }
} }
}; };
</script> </script>
<style scoped> <style scoped>
.box{ .box {
padding: 20rpx 25rpx 100rpx 25rpx; padding: 20rpx 25rpx 60rpx 25rpx;
} border-bottom: solid 10rpx #d8d8d8;
.top{ }
display: flex; .box:last-child {
align-items: center; border: none;
margin-bottom: 40rpx; }
} .top {
.img-play{ display: flex;
width: 140rpx; align-items: center;
height: 140rpx; }
border-radius: 50%; .img-play {
position: relative; width: 140rpx;
overflow: hidden; height: 140rpx;
} border-radius: 50%;
.play-stop{ position: relative;
position: absolute; overflow: hidden;
z-index: 9999; }
left: 30%; .play-stop {
top: 27%; position: absolute;
} z-index: 9999;
.top-right{ left: 30%;
margin-left: 40rpx; top: 27%;
} }
.sencien-name{ .top-right {
font-size: 40rpx; margin-left: 40rpx;
display: inline-flex; }
} .sencien-name {
.sencien-type{ font-size: 40rpx;
text-align: center; display: inline-flex;
border-radius: 20rpx; }
color: #5d5d5d; .sencien-type {
padding: 5rpx 10rpx; text-align: center;
box-shadow: 0 0 2px 2px #b9b9b9; border-radius: 20rpx;
display: inline-flex; color: #5d5d5d;
margin-left: 25rpx; padding: 5rpx 10rpx;
} box-shadow: 0 0 2px 2px #b9b9b9;
.sencien-price{ display: inline-flex;
color: #b31414; margin-left: 25rpx;
margin-top: 10rpx; }
} .sencien-price {
.content,.picture{ color: #b31414;
margin-bottom: 40rpx; margin-top: 10rpx;
} }
.img-box{ .content,
margin-bottom: 20rpx; .picture {
} margin-bottom: 40rpx;
.img{ }
width: 100%; .img-box {
} margin-bottom: 20rpx;
.bottom{ }
color: #444; .img {
} width: 100%;
.icn{ }
margin-right: 15rpx; .bottom {
} color: #444;
}
.icn {
margin-right: 15rpx;
}
.box-title {
font-size: 38rpx;
margin-bottom: 25rpx;
}
</style> </style>

23
pages/daolan/zhdl.vue
Unescape View File

@ -11,6 +11,7 @@
:markers="covers" :markers="covers"
:min-scale="min" :min-scale="min"
:max-scale="max" :max-scale="max"
:include-points="cloudPoints"
:show-location="true" :show-location="true"
@markertap.stop="tryDemo" @markertap.stop="tryDemo"
@updated="showsd" @updated="showsd"
@ -99,6 +100,7 @@ export default {
pointData: null, pointData: null,
lineData: [], lineData: [],
polylines: [], polylines: [],
cloudPoints:[],
showCover: false, showCover: false,
showMp3Title: false, showMp3Title: false,
plays: true, plays: true,
@ -223,6 +225,12 @@ export default {
// if (item.id == 363) { // if (item.id == 363) {
if (item.id == 334) { if (item.id == 334) {
this_.addCoverimg(item); this_.addCoverimg(item);
console.log(item)
this_.longitude = item.lon
this_.latitude = item.lat
this_.scale = item.start_maplevel
this_.min = item.min_maplevel
this_.max = item.max_maplevel
} }
}); });
//添加标点 //添加标点
@ -274,20 +282,26 @@ export default {
this_.covers = []; this_.covers = [];
if (val.dicnum == 3602) { if (val.dicnum == 3602) {
this_.covers = this_.partLoat; this_.covers = this_.partLoat;
this_.cloudPoints = this_.partLoat
} else if (val.dicnum == 3603) { } else if (val.dicnum == 3603) {
this_.covers = this_.inAndOut; this_.covers = this_.inAndOut;
this_.cloudPoints = this_.inAndOut
} else if (val.dicnum == 3604) { } else if (val.dicnum == 3604) {
this_.covers = this_.tolite; this_.covers = this_.tolite;
this_.cloudPoints = this_.tolite
} else if (val.dicnum == 3607) { } else if (val.dicnum == 3607) {
this_.covers = this_.tourisCenter; this_.covers = this_.tourisCenter;
this_.cloudPoints = this_.tourisCenter
} else { } else {
this_.covers = this_.jingdian; this_.covers = this_.jingdian;
this_.cloudPoints = this_.jingdian
} }
}, },
// 全部 // 全部
showAllpoint() { showAllpoint() {
let this_ = this; let this_ = this;
this_.isAllActive = false; this_.isAllActive = false;
this_.showCover = false;
this_.isLineActive = true; this_.isLineActive = true;
this_.screenList.forEach((item) => { this_.screenList.forEach((item) => {
item.isActive = false; item.isActive = false;
@ -298,6 +312,7 @@ export default {
showLine() { showLine() {
let this_ = this; let this_ = this;
this_.isLineActive = false; this_.isLineActive = false;
this_.showCover = false;
this_.isAllActive = true; this_.isAllActive = true;
this_.screenList.forEach((item) => { this_.screenList.forEach((item) => {
item.isActive = false; item.isActive = false;
@ -355,8 +370,11 @@ export default {
padding: 5, padding: 5,
anchorX: 20, anchorX: 20,
anchorY: -30, anchorY: -30,
color: '#eee', color: '#600000',
bgColor: '#5ec4f3' borderWidth:0.5,
borderColor:'#600000',
borderRadius:5,
bgColor: '#fff'
}, },
iconPath: pathurl, iconPath: pathurl,
width: 33, width: 33,
@ -382,6 +400,7 @@ export default {
} }
}); });
this_.covers = this_.allPointData; this_.covers = this_.allPointData;
this_.cloudPoints = this_.allPointData
} }
}, },
// 播音频 // 播音频

20
static/css/iconfont.css
Unescape View File

@ -0,0 +1,20 @@
@font-face {
font-family: "iconfont"; /* Project id 4249859 */
src: url('/static/css/iconfont.ttf') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 20;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #989898;
margin-right: 15rpx;
margin-left: 5rpx;
}
.icon-time:before {
content: "\e680";
}

BIN
static/css/iconfont.ttf
View File

Binary file not shown.
Write Preview
Loading…
Cancel
Save