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

添加导航，添加天气

Browse Source
dev
Tuzki 2 years ago
parent 647d199939
commit 259805237e
7 changed files with 1293 additions and 971 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
      node_modules/amap-wx/amap-wx.js
  2. 24
      node_modules/amap-wx/package.json
  3. 68
      package-lock.json
  4. 2
      package.json
  5. 108
      pages/index/index.vue
  6. 43
      pages/traffic/outTraffic.vue
  7. 200
      sunPackIndex/scenic/scenicdetial/scenicdetial.vue

1
node_modules/amap-wx/amap-wx.js generated vendored
View File

File diff suppressed because one or more lines are too long

24
node_modules/amap-wx/package.json generated vendored
Unescape View File

@ -0,0 +1,24 @@
{
"name": "amap-wx",
"version": "0.0.2",
"description": "高德地图微信小程序SDK",
"main": "amap-wx.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": ""
},
"keywords": [
"amap",
"wx",
"mpvue",
"weixin",
"高德地图",
"微信",
"小程序"
],
"author": "",
"license": "ISC"
}

68
package-lock.json generated
Unescape View File

@ -0,0 +1,68 @@
{
"name": "phone_uni_xiongan",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "phone_uni_xiongan",
"version": "1.0.0",
"license": "ISC",
"dependencies": {
"amap-wx": "^0.0.2",
"crypto-js": "^4.1.1",
"jsencrypt": "^3.2.1",
"jweixin-module": "^1.4.1",
"moment": "^2.24.0"
},
"devDependencies": {}
},
"node_modules/amap-wx": {
"version": "0.0.2",
"resolved": "https://registry.npmmirror.com/amap-wx/-/amap-wx-0.0.2.tgz",
"integrity": "sha512-VFXTobb+pRlWY2VCkQR/m05Ud0+ZYMAU7iw8sUOuivrUqVBf+vR3q4Tm8njsvjfS8OWNtWMir7OCqLcCk7k24w=="
},
"node_modules/crypto-js": {
"version": "4.1.1",
"resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
"integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==",
"license": "MIT"
},
"node_modules/jsencrypt": {
"version": "3.2.1",
"license": "MIT"
},
"node_modules/jweixin-module": {
"version": "1.4.1",
"license": "ISC"
},
"node_modules/moment": {
"version": "2.24.0",
"license": "MIT",
"engines": {
"node": "*"
}
}
},
"dependencies": {
"amap-wx": {
"version": "0.0.2",
"resolved": "https://registry.npmmirror.com/amap-wx/-/amap-wx-0.0.2.tgz",
"integrity": "sha512-VFXTobb+pRlWY2VCkQR/m05Ud0+ZYMAU7iw8sUOuivrUqVBf+vR3q4Tm8njsvjfS8OWNtWMir7OCqLcCk7k24w=="
},
"crypto-js": {
"version": "4.1.1",
"resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
"integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
},
"jsencrypt": {
"version": "3.2.1"
},
"jweixin-module": {
"version": "1.4.1"
},
"moment": {
"version": "2.24.0"
}
}
}

2
package.json
Unescape View File

@ -4,12 +4,12 @@
"description": "",
"main": "main.js",
"dependencies": {
"amap-wx": "^0.0.2",
"crypto-js": "^4.1.1",
"jsencrypt": "^3.2.1",
"jweixin-module": "^1.4.1",
"moment": "^2.24.0"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},

108
pages/index/index.vue
Unescape View File

@ -69,6 +69,11 @@
</view>
</view>
</view>
<view class="weather-box" v-if="showWeather">
<view class="we-item">{{ city }}</view>
<view class="we-item">{{ time|formatDate('yyyy年MM月dd日') }}</view>
<view class="we-item">{{ weather }}</view>
</view>
<view class="amt_30">
<view class="an_box an_sch">
@ -188,6 +193,8 @@
<script>
import aes from '@/common/aes.js';
import { format } from 'crypto-js';
import amap from 'amap-wx'
export default {
data() {
return {
@ -233,7 +240,11 @@ export default {
cla: 'swp_1_img dhua',
cla2: 'swp_1_img dhua2',
clas: ['swp_1_img dhua', 'swp_1_img dhua2'],
netType: true
netType: true,
city: '',
time: '',
weather: '',
showWeather:false,
};
},
onLoad(option) {
@ -263,6 +274,7 @@ export default {
}
this.getRedisData();
this.getZiXunList();
this.getWeather();
let video = uni.createVideoContext('myVideo');
this.video = video;
setInterval(
@ -297,8 +309,90 @@ export default {
that
);
},
filters: {
formatDate: function (value, args) {
var dt = new Date(value);
if (args == 'yyyy-M-d') {
// yyyy-M-d
let year = dt.getFullYear();
let month = dt.getMonth() + 1;
let date = dt.getDate();
return `${year}-${month}-${date}`;
} else if (args == 'yyyy-M-d H:m:s') {
// yyyy-M-d H:m:s
let year = dt.getFullYear();
let month = dt.getMonth() + 1;
let date = dt.getDate();
let hour = dt.getHours();
let minute = dt.getMinutes();
let second = dt.getSeconds();
return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
} else if (args == 'yyyy-MM-dd') {
// yyyy-MM-dd
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2, '0');
let date = dt.getDate().toString().padStart(2, '0');
return `${year}-${month}-${date}`;
} else if (args == 'yyyy年MM月dd日') {
// yyyy-MM-dd
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2, '0');
let date = dt.getDate().toString().padStart(2, '0');
return `${year}年${month}月${date}日`;
} else {
// yyyy-MM-dd HH:mm:ss
let year = dt.getFullYear();
let month = (dt.getMonth() + 1).toString().padStart(2, '0');
let date = dt.getDate().toString().padStart(2, '0');
let hour = dt.getHours().toString().padStart(2, '0');
let minute = dt.getMinutes().toString().padStart(2, '0');
let second = dt.getSeconds().toString().padStart(2, '0');
return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
}
}
},
methods: {
//
getWeather: function (region) {
let this_ = this
var myAmapFun = new amap.AMapWX({ key: 'e2ee6a41e07306db2214f0edfa86f73a' });
myAmapFun.getWeather({
success: function (data) {
//成功回调
console.log(data, 'success')
this_.city = data.city.data,
this_.time = data.liveData.reporttime,
this_.weather = data.weather.data + ' ' + data.temperature.data + '°C' + ' ' + data.winddirection.data + ' ' + data.windpower.data,
this_.showWeather = true
},
fail: function (info) {
//失败回调
this_.showWeather = false
console.log(info, 'fail');
}
});
// var data = {
// region: region
// };
// this.$Request.post(this.$config.getWeather, data).then((res) => {
// this.weather = res.data;
// if (this.weather.cond_txt_d.indexOf('雷') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_lei.png';
// } else if (this.weather.cond_txt_d.indexOf('雨') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_yu.png';
// } else if (this.weather.cond_txt_d.indexOf('雾') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_wu.png';
// } else if (this.weather.cond_txt_d.indexOf('阴') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_yin.png';
// } else if (this.weather.cond_txt_d.indexOf('雪') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_xu.png';
// } else if (this.weather.cond_txt_d.indexOf('晴') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_sun.png';
// } else {
// this.weatherImgUrl = '../../../static/images/whe_cloudy.png';
// }
// });
},
changeSwiper(e) {
this.swiperCurrent = e.detail.current;
},
@ -672,4 +766,14 @@ export default {
}
};
</script>
<style></style>
<style scoped lang="scss">
.weather-box{
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 15rpx 20rpx;
background-color: #fff;
}
</style>

43
pages/traffic/outTraffic.vue
Unescape View File

@ -1,6 +1,9 @@
<template>
<view class="v-traffic-box">
<view class="dh-box">
<image src="https://www.lbgjtoa.com/appImg/v-address_01.jpg" class="v-traffic-img" mode="widthFix"></image>
<view class="dh-btn" @click="daohang">导航</view>
</view>
<image @click="goToPages()" src="https://www.lbgjtoa.com/appImg/v-address_02.jpg" class="v-traffic-img" mode="widthFix"></image>
<image src="https://www.lbgjtoa.com/appImg/v-address_03.jpg" class="v-traffic-img" mode="widthFix"></image>
<image src="https://www.lbgjtoa.com/appImg/v-address_04.jpg" class="v-traffic-img" mode="widthFix"></image>
@ -16,9 +19,35 @@
uni.switchTab({
url: '/pages/daolan/daolan'
});
},
daohang() {
// if (this.$wechat.isWechat()) {
// var mapParam = {
// latitude: this.info.lat,
// longitude: this.info.lng,
// scale: 18,
// name: this.info.sname,
// address: this.info.saddress
// };
// this.$util.openLocation(mapParam);
// return;
// }
wx.openLocation({
latitude: Number("37.826323"),
longitude: Number("115.712658"),
scale: 16,
name: '衡水老白干',
address: '',
success(data) {
console.log(data);
},
fail(err) {
console.log(err);
}
});
},
}
}
};
</script>
<style>
@ -26,4 +55,16 @@
width: 100%;
margin-bottom: -10rpx;
}
.dh-box {
position: relative;
}
.dh-btn {
position: absolute;
right: 50rpx;
bottom: -1rpx;
border: solid 1px #c50101;
font-size: 22rpx;
padding: 5rpx 10rpx;
color: #c30000;
}
</style>

200
sunPackIndex/scenic/scenicdetial/scenicdetial.vue
Unescape View File

@ -1,32 +1,37 @@
<template>
<view class="scenic_warp" :class="showNotice == false ? 'scenic_warp' : 'scenic_warp active'">
<view :class="showNotice == false ? 'scenic_warp' : 'scenic_warp active'" class="scenic_warp">
<!-- 头部模糊部分 -->
<view class="det_top"><image :src="logo" mode="aspectFill" class="pic_swp_bg"></image></view>
<view class="det_top">
<image :src="logo" class="pic_swp_bg" mode="aspectFill"></image>
</view>
<!-- 黑色遮罩 -->
<view class="top_zhe"></view>
<!-- 头部地址与天气 -->
<!-- <view class="dly_flex mmd_top"> -->
<!-- 地址切换 -->
<view class="sec_name_unit agn_left mmd_dl">
<view class="cur-input"><text>{{ info.sname }}</text></view>
<view class="cur-input">
<text>{{ info.sname }}</text>
</view>
<view class="dl_1">
<text>{{ info.slevel }}</text>
</view>
</view>
<!-- 天气
<view class="sec_whe_unit agn_right mmd_dl mmd_whe">
<!-- 天气-->
<!-- <view class="sec_whe_unit agn_right mmd_dl mmd_whe">
<image :src="weatherImgUrl" class="mmd_icon"></image>
<text class="dl_2" v-if="weather != null">{{ weather.cond_txt_d }}</text>
<view class="dl_1" v-if="weather != null">{{ weather.tmp_min }}℃~{{ weather.tmp_max }}℃</view>
</view>
</view>
-->
<text v-if="weather != null" class="dl_2">{{ weather.cond_txt_d }}</text>
<view v-if="weather != null" class="dl_1">{{ weather.tmp_min }}℃~{{ weather.tmp_max }}℃</view>
</view> -->
<!-- 轮播图 -->
<view class="mmd_scol">
<view class="uni-margin-wrap">
<swiper class="swiper_jqu" :indicator-dots="indicatorDots_sce" :autoplay="autoplay_sce" :interval="interval_sce" :duration="duration_sce">
<swiper :autoplay="autoplay_sce" :duration="duration_sce" :indicator-dots="indicatorDots_sce" :interval="interval_sce"
class="swiper_jqu">
<swiper-item v-for="(item, index) in pic_list" :key="index">
<view class=""><image :src="item" mode="aspectFill" class="swiper_tup br_radius"></image></view>
<view class="">
<image :src="item" class="swiper_tup br_radius" mode="aspectFill"></image>
</view>
</swiper-item>
</swiper>
</view>
@ -36,14 +41,14 @@
<view class="mode_com mt_1">
<view class="inx_ht_warp dly_flex tol_2_warp sec_tol">
<view class="sec_tol_unit" @tap="qierlingurl(info.url_720)">
<image class="sec_tol_pic" src="https://www.lbgjtoa.com/appImg/icon-left.jpg" mode="scaleToFill"></image>
<image class="sec_tol_pic" mode="scaleToFill" src="https://www.lbgjtoa.com/appImg/icon-left.jpg"></image>
<view class="gjz_box">
<text class="ht_text">720全景</text>
<view class="hn_text">全方位观览</view>
</view>
</view>
<view class="sec_tol_unit" @click="wisdomGuide()">
<image class="sec_tol_pic" src="https://www.lbgjtoa.com/appImg/icon-right.jpg" mode="scaleToFill"></image>
<image class="sec_tol_pic" mode="scaleToFill" src="https://www.lbgjtoa.com/appImg/icon-right.jpg"></image>
<view class="gjz_box">
<text class="ht_text">智慧导览</text>
<view class="hn_text">智能导航景区</view>
@ -54,12 +59,14 @@
<view v-if="info.soundpath != null && info.soundpath != ''" class="mode_com mt_1">
<view class="dly_flex_c sce_voe">
<view id="audioTest" class="sec_whe_unit">
<button @tap="play(info.soundpath)" :class="[open < stop ? 'btn_play' : 'btn_play btn_open']">播放</button>
<button @tap="stops(info.soundpath)" :class="[open > stop ? 'btn_stop ' : 'btn_stop btn_open']">停止</button>
<button :class="[open < stop ? 'btn_play' : 'btn_play btn_open']" @tap="play(info.soundpath)">播放</button>
<button :class="[open > stop ? 'btn_stop ' : 'btn_stop btn_open']" @tap="stops(info.soundpath)">停止</button>
</view>
<view class="sec_name_unit">
<text class="sev_t control_1">{{ info.sname }}音频</text>
<view class="slider_sec"><slider @change="sliderChange" activeColor="#11C966" block-size="12" :value="audioTime" /></view>
<view class="slider_sec">
<slider :value="audioTime" activeColor="#11C966" block-size="12" @change="sliderChange"/>
</view>
<view class="mssj_adr">{{ current }}</view>
</view>
</view>
@ -76,8 +83,8 @@
<view class="btn_shouq">
<text v-if="flag">查看更多</text>
<text v-if="!flag">收起</text>
<text @tap="opens()" :class="[zhankai < shouqi ? 'btn_down' : 'btn_up btn_open']">展开</text>
<text @tap="retract()" :class="[zhankai > shouqi ? 'btn_up' : 'btn_down btn_open']">收起</text>
<text :class="[zhankai < shouqi ? 'btn_down' : 'btn_up btn_open']" @tap="opens()">展开</text>
<text :class="[zhankai > shouqi ? 'btn_up' : 'btn_down btn_open']" @tap="retract()">收起</text>
</view>
<view :class="[zhankai > shouqi ? 'lvdh_inf ' : 'lvdh_inf h_define']">
<!-- class="h_define" 固定高度 -->
@ -94,11 +101,14 @@
<view class="sec_name_unit">
<text class="cot_adr" style="margin-right: 20rpx">{{ info.saddress }}</text>
</view>
<view class="agn_right sec_whe_unit"><button class="btn_com btn_daoh" @click="daohang">导航</button></view>
<view class="agn_right sec_whe_unit">
<button class="btn_com btn_daoh" @click="daohang">导航</button>
</view>
</view>
<view class="secdt_tips">
<view class="secdt_adr dly_flex_c" @tap="tel(info.smobile)">
<image class="adr_pic" style="position: relative; top: 6rpx" src="../../../static/images/icon_phe.png"></image>
<image class="adr_pic" src="../../../static/images/icon_phe.png"
style="position: relative; top: 6rpx"></image>
<text class="w_adr">景区电话</text>
<text class="cot_adr2">{{ info.smobile }}</text>
<!-- 电话号码上加拨打功能 -->
@ -137,14 +147,15 @@
<text class="mmd_s_adr">{{item.sname}}</text>
</view>
</scroll-view> -->
<scroll-view class="scroll-view_s" scroll-x="true" @scroll="scroll" scroll-left="">
<view class="yx_warp_3" :style="width">
<scroll-view class="scroll-view_s" scroll-left="" scroll-x="true" @scroll="scroll">
<view :style="width" class="yx_warp_3">
<!--width: 210%; 应改为动态计算得出 基数为70% *n-->
<view class="dly_flex mud_hot_box">
<!-- 此处循环 -->
<view class="b_tol_ipt" @click="goToScenicDetail(item.guid)" v-for="(item, index) in scenicList" :key="index">
<view v-for="(item, index) in scenicList" :key="index" class="b_tol_ipt"
@click="goToScenicDetail(item.guid)">
<view class="scroll-view-item_s">
<image class="mmd_jq_pic" :src="rootPaht + item.logo" mode="aspectFill"></image>
<image :src="rootPaht + item.logo" class="mmd_jq_pic" mode="aspectFill"></image>
<text class="mmd_s_txt">{{ item.title }}</text>
</view>
</view>
@ -158,7 +169,9 @@
<view v-if="isShowFlow" class="mode_com mt_1">
<text class="tit_com">游览舒适度</text>
<view class="jqdg_liu amt_30">
<view class=""><image :src="'../../../static/animg/' + flowImg" mode="aspectFill" class="liu_img"></image></view>
<view class="">
<image :src="'../../../static/animg/' + flowImg" class="liu_img" mode="aspectFill"></image>
</view>
<view :class="flowStyle">舒适度指数：{{ flowState }}</view>
<!-- <view class="amt_30 liu_echarts"><view class="" style="height: 200rpx;">柱形图</view></view> -->
@ -181,9 +194,11 @@
<view class="mode_com mt_1">
<text class="tit_com">景区游玩攻略</text>
<text v-if="listDatas.length == 0 || listDatas == undefined" class="mssj_adr">暂无数据</text>
<view class="inx_ht_warp glue_warp secdt_glue" v-for="(itemName, index) in listDatas" :key="index">
<view v-for="(itemName, index) in listDatas" :key="index" class="inx_ht_warp glue_warp secdt_glue">
<view class="fod_sp_box" @tap="gotomethod(itemName.guid)">
<view class="msimg_wrp"><image :src="itemName.logo" class="pic_shop" mode="aspectFill"></image></view>
<view class="msimg_wrp">
<image :src="itemName.logo" class="pic_shop" mode="aspectFill"></image>
</view>
<view class="mssj_box">
<text class="mssj_tit">{{ itemName.mtitle }}</text>
<text class="mssj_adr">{{ itemName.mcontent }}</text>
@ -204,6 +219,7 @@
<script>
import uniRate from '@/components/uni-rate/uni-rate2.vue';
import aes from '@/common/aes.js';
export default {
components: {
uniRate,
@ -356,8 +372,10 @@ export default {
}
);
},
callGpsSuccess: function (lat, lng) {},
callGpsFail: function () {},
callGpsSuccess: function (lat, lng) {
},
callGpsFail: function () {
},
preventHandler() {
return;
},
@ -425,34 +443,44 @@ export default {
// this.isShow = false;
// }
this.getDuration(this.info.soundpath, res.data.sfunc);
// this.getWeather(res.data.region);
// this.getMethod(res.data.region);
this_.getMethodList();
uni.hideLoading();
});
},
getWeather: function (region) {
var data = {
region: region
};
this.$Request.post(this.$config.getWeather, data).then((res) => {
this.weather = res.data;
if (this.weather.cond_txt_d.indexOf('雷') != -1) {
this.weatherImgUrl = '../../../static/images/whe_lei.png';
} else if (this.weather.cond_txt_d.indexOf('雨') != -1) {
this.weatherImgUrl = '../../../static/images/whe_yu.png';
} else if (this.weather.cond_txt_d.indexOf('雾') != -1) {
this.weatherImgUrl = '../../../static/images/whe_wu.png';
} else if (this.weather.cond_txt_d.indexOf('阴') != -1) {
this.weatherImgUrl = '../../../static/images/whe_yin.png';
} else if (this.weather.cond_txt_d.indexOf('雪') != -1) {
this.weatherImgUrl = '../../../static/images/whe_xu.png';
} else if (this.weather.cond_txt_d.indexOf('晴') != -1) {
this.weatherImgUrl = '../../../static/images/whe_sun.png';
} else {
this.weatherImgUrl = '../../../static/images/whe_cloudy.png';
var myAmapFun = new amap.AMapWX({key:'e2ee6a41e07306db2214f0edfa86f73a'});
myAmapFun.getWeather({
success: function(data){
//成功回调
console.log(data,'success')
},
fail: function(info){
//失败回调
console.log(info,'fail')
}
});
})
// var data = {
// region: region
// };
// this.$Request.post(this.$config.getWeather, data).then((res) => {
// this.weather = res.data;
// if (this.weather.cond_txt_d.indexOf('雷') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_lei.png';
// } else if (this.weather.cond_txt_d.indexOf('雨') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_yu.png';
// } else if (this.weather.cond_txt_d.indexOf('雾') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_wu.png';
// } else if (this.weather.cond_txt_d.indexOf('阴') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_yin.png';
// } else if (this.weather.cond_txt_d.indexOf('雪') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_xu.png';
// } else if (this.weather.cond_txt_d.indexOf('晴') != -1) {
// this.weatherImgUrl = '../../../static/images/whe_sun.png';
// } else {
// this.weatherImgUrl = '../../../static/images/whe_cloudy.png';
// }
// });
},
getComment: function () {
var that = this;
@ -741,6 +769,7 @@ export default {
}
},
daohang() {
console.log(this.info)
// if (this.$wechat.isWechat()) {
// var mapParam = {
// latitude: this.info.lat,
@ -940,9 +969,11 @@ page {
.liu_hui {
color: #cbcbcb !important;
}
.liu_green {
color: #07b800 !important;
}
.liu_red {
color: #ef0a0a !important;
}
@ -979,11 +1010,64 @@ page {
.cur-input {
opacity: 0.99;
}
.fod_sp_box{ display: flex; margin-top:40rpx; /*border-bottom: 2rpx solid #eee;*/ }
.msimg_wrp{position:relative;}
.zsj_jb{ display: inline-block; padding: 10rpx 20rpx ; background: #fec901; color: #fff; position:absolute;left: 0; top:0; font-size: 24rpx; border-radius:10rpx 0 10rpx 0 ;}
.pic_shop{ width: 240rpx; height: 200rpx; box-shadow: rgba(0,0,0,.1) 0 0 20rpx; border-radius: 10rpx;}
.mssj_box{ flex: 1; padding-left: 20rpx; }
.mssj_tit{ font-size: 32rpx; color: #333; font-weight: 700;display: block;text-overflow: ellipsis;white-space: pre-wrap;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;overflow: hidden;}
.mssj_adr{color: #666;font-size: 28rpx; font-weight: normal; line-height: 44rpx;overflow: hidden;padding: 10rpx 30rpx 0 0;text-overflow: ellipsis;white-space: pre-wrap;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.fod_sp_box {
display: flex;
margin-top: 40 rpx; /*border-bottom: 2rpx solid #eee;*/
}
.msimg_wrp {
position: relative;
}
.zsj_jb {
display: inline-block;
padding: 10 rpx 20 rpx;
background: #fec901;
color: #fff;
position: absolute;
left: 0;
top: 0;
font-size: 24 rpx;
border-radius: 10 rpx 0 10 rpx 0;
}
.pic_shop {
width: 240 rpx;
height: 200 rpx;
box-shadow: rgba(0, 0, 0, .1) 0 0 20 rpx;
border-radius: 10 rpx;
}
.mssj_box {
flex: 1;
padding-left: 20 rpx;
}
.mssj_tit {
font-size: 32 rpx;
color: #333;
font-weight: 700;
display: block;
text-overflow: ellipsis;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
overflow: hidden;
}
.mssj_adr {
color: #666;
font-size: 28 rpx;
font-weight: normal;
line-height: 44 rpx;
overflow: hidden;
padding: 10 rpx 30 rpx 0 0;
text-overflow: ellipsis;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
}
</style>

Write Preview
Loading…
Cancel
Save