府谷网站建设【府谷网络公司】府谷做网站、府谷微信公众号开发、府谷网站设计、府谷小程序制作

府谷县位于陕西省最北端，地处秦、晋、蒙接壤地带，与山西省河曲县、保德县隔河相望，北与内蒙古自治区准格尔旗、伊金霍洛旗接壤，西南与神木市毗邻，素有“鸡鸣闻三省”之称。县域经济综合竞争力居全国百强、西部十强，国家卫生县城、全国文明县城、省级民营经济转型升级试验区和中国产业百强县、全国金融生态先进县、中国最具投资潜力特色先进县、省级园林县城、省级环保模范县城、全国科技进步先进县、中国低碳生态十强县、全国生态文明先进县、陕西省卫生县城，陕西省平安县城，陕西省十强县位居三甲等等。府谷自然资源富集，是国家级陕北能源化工基地的重要组成部分，国家“西煤东运”、“西电东送”、“西气东输”的重要枢纽，是北宋名将折赛花（佘太君），折可存故乡，特产有海红果。

2018年10月8日，府谷县入选“综合实力百强县”。2018年11月，荣登“2018中国幸福百县榜”。 [1-2]  2019年3月，被列为第一批革命文物保护利用片区分县名单。 [3]  2019年10月，入选2019中国西部百强县市名单。 [4]  2019年11月，入选第二批节水型社会建设达标县（区）。 [5]  2020年7月29日，入选2019年重新确认国家卫生乡镇（县城）名单。 [6] 

概述

微信小程序通过接口获取富文本数据内容通过rich-text组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。

details.wxml

<view class="lifeOrderDetails-box__img">    <view class="box-img__title">商品详情<view>    <view class="box-img__img {{isDetailsMore?'isDetailsMore':''}}">        <rich-text class="text" nodes="{{details}}"><rich-text>    <view>    <view class="box-business__more" bindtap="changeCollapse" wx:if="{{isDetailsMore}}">展开查看更多        <image src="shouqigengduo@2x.png"><image>    <view><view>

details.JS

Page({    data: {        details: '微信小程序通过接口获取富文本数据内容通过`rich-text`组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。微信小程序通过接口获取富文本数据内容通过`rich-text`组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。微信小程序通过接口获取富文本数据内容通过`rich-text`组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。微信小程序通过接口获取富文本数据内容通过`rich-text`组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。',        isDetailsMore:false    },    onShow: function(){        this.setCollapse()    },    判断全文收起是否展示    setCollapse: function() {         var query = wx.createSelectorQuery().in(this);         var that = this;         query.selectAll('.box-img__img').boundingClientRect(function (rect) {             rect.forEach((v, i) => {                 if (v.height > 45) {  判断高度,根据各种高度取折中                     that.setData({                         isDetailsMore: true,                     })                 }             })         }).exec();    },    点击全文收起    changeCollapse: function () {        this.setData({            isDetailsMore: !this.data.isDetailsMore        })    },})

details.wxml

.lifeOrderDetails-box__img{    padding: 0 30rpx;    background: #fff;    margin-bottom: 20rpx;}.box-img__img.isDetailsMore{    height: 200rpx;    overflow: hidden;}.box-img__title{    padding-top: 30rpx;    padding-bottom: 24rpx;    font-weight: bold;}.box-img__img rich-text img{    width: 100%;}.box-img__img{    padding-bottom:20rpx;}.box-img__img .img-img__li{    width: 688rpx;    height: 258rpx;    background-color: #e6e7ea;    border-radius: 16rpx;    margin-bottom: 29rpx;}.box-img__img .img-img__li image{    width: 688rpx;    height: 258rpx;}.box-business__more{  font-family: PingFang-SC-Medium;    font-size: 26rpx;    font-weight: normal;    font-stretch: normal;    letter-spacing: 0rpx;    color: #f9728e;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    padding-bottom: 22rpx;    padding-top: 22rpx;    margin-bottom: 21rpx;}.box-business__more image{    width: 22rpx;    height: 11rpx;    margin-left: 7rpx;}

府谷网站建设【府谷网络公司】府谷做网站、府谷微信公众号开发、府谷网站设计、府谷小程序制作