2020年04月_hangGe0111

原创微信小程序获取rich-text（富文本）渲染内容高度，rich-text（富文本）里img 样式设置

1.背景：在某些场景下，例如在某些详细信息内容展示数据量特别大的时候（有时候特别小），当数据量特别大的时候，需要做展示固定高度，展开更多内容完全展示，收起内容又还原。当内容特别少的时候，例如小于3行，不展示更多按钮。（小程序内容获取的时候是不能知道当前内容有几行的，可能有人会说，我知道字体大小一行内放几个字，几行就再乘以几，让后台算好，传两个字段，展开收起，分别用两个字段即可，理论上是可行的（...

2020-04-30 15:15:37 13615 1

原创小程序结合腾讯地图（QQMapWX）SDK做位置周边搜索在地图上展示气泡点，点击气泡展示不同状态

1.背景：在微信小程序中，地图上展示一个坐标点周边的医院学校等周边设施，通过地图上气泡的方式。点击气泡展示不同的气泡状态，点击导航跳转到对应气泡点所在的坐标位置。2.实现思路：2.1布局：地图全屏展示，地图上的位置tablist展示在地图底部，跳转导航按钮位于地图右上角。因为map属于原生标签，而且层级比较高，所以tablist和按钮都需要通过cover-view和cover-im...

2020-04-21 11:24:45 5843 1

原创小程序结合腾讯地图（QQMapWX）SDK做位置周边搜索展示

1.wxml<view class="container"> <view class='newHouseTitle'> 当前位置 </view> <view class="map_wrap"> <map id="map" longitude="{{t_lng}}" latitude="{{t_lat}}" scale="...

2020-04-20 16:39:44 4046 3

原创 laydate.js时间日历插件

1.html<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .txzlLi { margin...

2020-04-20 14:35:19 590

原创 distpicker.js制作省市区三级联动

1.html<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .txzlLi { margin...

2020-04-20 13:46:37 851

转载 ios输入框被软键盘遮住问题

在ios中，输入框被软键盘遮住，这是众所周知的bug，那么如何来解决这个问题呢？最近的项目中就遇到了这个问题，然后经过高人指点解决了这个问题，以及遇到的另外一些问题。首先我们先来说说弹出软键盘，在ios中，弹出软键盘，会将整个页面给怼上去，因此我们只能看到半个页面，然而在andriod中，整个网页高度会缩小，因此我们在弹出软键盘时，能够监听到andriod的窗口大小变化——resize事件，但是...

2020-04-20 13:16:48 1107

原创 swiper.js制作酷炫轮播图

1.html<html lang="en"> <head> <meta charset="utf-8"> <title>swiper制作酷炫轮播图</title> <link rel="stylesheet" href="http://www.jq22.com/demo/swiperlbt20181023004...

2020-04-10 14:00:09 1431

hangGe0111的博客