最近在做小程序,已经设置了宽高,placeholder没有超出input宽度,却被挡住了一部分,上代码看一下: wxml: <view class='container'> <input class='phone' placeholder='请输入手机号' placeholder-class='placeholder'></input> <view class='code_container'> <input class='code' placehol

微信小程序实现显示和隐藏控件 .wxml: <view class=" {{showOrHidden?'show':'hidden'}}"></view> .wxss: .hidden { display: none; } .show { display: block; } .js: data: { showOrHidden:true, //判断显示与否的,true表示显示,反之隐藏 }, 简洁的方式,利用wx:if的方式 .wxml: <view wx:

微信小程序中显示html富文本的方法 使用方法:git地址:https://github.com/icindy/wxParse 一.下载wxParse文件 二.在要引入的页面的js文件中,引入文件 js文件中 var WxParse = require('../../../weui/wxParse/wxParse.js'); css文件中 @import "../../../weui/wxParse/wxParse.wxss"; 页面中 <import src="../

我一直在纠结为什么小程序在有的页面显示,有的页面不显示 查了一下才知道,小程序tabBar只在tabBar中的list定义了页面的才会显示,其余页面不会显示 如下例:tabBar只在画红框的页面显示

在微信小程序的开发中,我遇到疑惑如下: 在app.json中定义了多个pages,一般微信小程序启动的时候,自动加载pages下的第一个页面, "pages": [              "pages/index/index",           "pages/main/main",      "pages/you/you",      "pages/me/me"  ], "tabBar&q

如果图片资源在本地,用background-image 是无法找到本地资源的,只能通过image标签用src进行引入: 图片资源在服务器上,用背景图片和image进行引入,在安卓真机上测试是没有问题的.在ios上面,有的图片会显示不出来. 最后解决是,都统一用image进行引入,在生命周期onload时候对src进行赋值,在ios上和安卓都能显示出来. 最近公司新增加一个生成海报,保存到相册的功能. 就是通过canvas将文字和图片,通过定位一点一点画出来,生成一个临时路径的文件.再下载下来保存

原地址链接:https://blog.csdn.net/august_leo/article/details/80877382 这是微信小程序input组件的官方文档描述,下图红框里的placeholder-style和placeholder-class就是微信小程序里用来给placeholder设置样式的属性. 一.使用placeholder-style设置样式 placeholder-style相当于在标签的style属性,可直接在标签内设置. <input type="text&qu

现实需求 在项目中需求,有时候现场设备发生故障,需要远程的人员知道.除了邮件方式,以微信小程序的方式也很好.今天进行尝试,并制作了一个demo版本. 1.微信小程序申请制作前端 1.1lists文件(利用模板和数据绑定循环显示数据) lists.wxml <!--lists.wxml--> <view class="warp"> <!--列表模板--> <template name="lists"> <navig

let arr = [] for (const v of r.data.data ){ // v.content = v.content.replace(/<img/g ,' <image mode="aspectFit"').replace(/\/>/g ,'></image>') //未生效    v.content = v.content.replace(/<img/g ,' <img width="100%"'

1.场景描述: IOS系统 一些APP或者微信小程序在收到短信验证码的时候会在键盘上自动保存验证码信息,当用户点击的时候,会自动赋值到当前所点击的输入框中 2.案例: 2.实现: TIPS:这个功能是由系统(IOS 12)支持而不是代码实现 小程序端 基础库API input 是可以设置type属性的,设置的type属性后,当用户点击键盘的时候弹出来的键盘那是微信给封装好的.也就是说,不用设置这个type 这个问题就解决了(使用系统原生键盘)

1.wx.wxml页面部分 <view bindtap='click'>点击</view> //这是显示隐藏的部分 <view hidden="{{hiddenName}}">隐藏显示部分</view> 2.wx.js js部分 page({ data:{ hiddenName:true }, click:function(e){ this.setData({ hiddenName:!this.data.hiddenName }) } }

<view class="swiperContainer"> <swiper bindchange="swiperChange" autoplay="{{autoplay}}" duration="{{duration}}" style='height: 380rpx;'> <block wx:for="{{imgUrls}}" wx:key="*this"

演示效果如下: 资源如下 marker,png index.wxml <view class="map-container"> <map id="map" longitude="{{myLongitude}}" latitude="{{myLatitude}}" scale="18" bindcontroltap="controltap" markers="{

效果图 wxml代码 <view class='onehandle5'> <block wx:for="{{3}}" wx:for-index="k" wx:for-item="item_k" wx:key="key"> <view class="useage2">{{weatherData.data[item_k].day}}</view> </blo

<view class="tabNav"> <view wx:for="{{navTab}}" wx:key="index" data-idx="{{index}}" bindtap="currentTab" class="{{currentTab==index ? 'cur' : ''}}"><text>{{item}}</text>&l

本案例实现动态显示城市天气的功能,案例效果如下: 首先分析制作的思路: 1.在app.json文件的pages数组里加上main文件夹和template(模板)文件夹的路径. 2.在main.js文件中,在onLoad()函数中调用loadInfo()函数. 3. 自定义获取位置的函数loadInfo(),调用wx.getLocation,用于获取当前的纬度(latitude)和经度(longitude).在loadInfo()函数中接着调用loadCity()函数. 4. 自定义获取城市的函数

源码 <template> <view class="echart-box"> <canvas class="ec-canvas" :id="chartId" :canvasId="chartId" @error="error"></canvas> </view> </template> <script> import Wx

今年 5 月份的时候,微信宣布:「为了更好的针对群场景提供个性化服务,当用户在群聊中点击小程序分享卡片时,小程序支持开发者获取群 ID 和群名称」.但随后没多久,发现小程序只返回了群 ID,并没有给我们群名.现在,终于有方法可以显示群名称啦! 前言 直到现在,网上还可以看到很多「开发者可以获取群名称」这样的新闻.在微信刚宣布的时候确实同时返回了群ID 和 群名称,但随后就只能获取到群 ID 了.估计会有很多开发者跟我一样被文章误导了,还以为是自己代码有问题. 至于微信为什么这么做,官方也作出了解

最近公司在做一个项目就是微信红包店.仿照的是微信官方在做的那个红包店的模式.客户抢红包,抢到以后到店消费,消费以后就可以拿到商家的红包了. 项目中的两个难点: 1通过小程序来发红包  这个之前在开发语音红包的时候已经遇到这些坑了,已经成功的踩过了.在这里也总结下,因为最近还是有不少人加我微信咨询这个.在这里我再给大家总结下. 小程序发红包接口使用的是微信支付文档里的, 企业付款到零钱的功能, 只要不用红包接口就行了, 改成企业付款到零钱的接口, 一切就迎刃而解了, 然后注意 接口里的appid就

关于微信小程序不显示图片 通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问 本地图片:确定相对路径或者绝对路径正确 微信小程序图片路径,不可以存在中文,使用英文做路径和文件名 文件后缀文,小写.且保证正确 网络图片,必须确保域名已经备案 关于微信小程序安卓手机访问不到图片,而苹果手机正常 排除以上通病5点之后,出现安卓手机访问不到图片,而苹果手机正常访问的情况,大概率是图片地址做了CDN转发,多数CDN会默认开启防盗链, 需

前言 本文基于 HBuilderX 3.1.22 + 微信开发者工具 1.05.2106300为主要内容进行说明. 文档版本:1.0.0 更新时间:2021-09-03 15:32 一.准备 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝).快应用等多个平台. 1.1 软件安装 创建uni-app有两种,一个是通过 HBuilderX 可视化界