组件传递 Created: Sep 12, 2020 4:36 PM 分类: 组件 父传子 写上父标签需要用到的属性 <Tabs tabs="{{tabs}}" bindtabsItemChange="handleTabsItemChange">在父标签的json文件中定义属性 "usingComponents": {"Tabs": "/components/Tabs/Tabs"}在子组件中接收属性 Component({properties: {tabs:{type:Array,value:[]}} });使用相关属性 <view class="tabs"><view class="tabs_title"><viewwx:for="{{tabs}}"wx:key="id"bindtap="...
报错信息 这是我使用相对路径出现的错误信息 解决办法：把相对路径修改为绝对路径就ok了 原文：https://www.cnblogs.com/tlfe/p/14949336.html
界面wxml代码 <!--头部信息--> <view class='toubu'><view class='toubu-zuo'><open-data type="userAvatarUrl" class="toubu-zuo-touxiang"></open-data></view><view class='toubu-you'><view class='toubu-you-txt1'><open-data type="userNickName"></open-data></view><view class='toubu-you-txt2'>姓名：{{u_xingming}} </view><view class='toubu-you-txt3'>学号：{{u_xuehao}}</view></view> </view><navigator url='/pa...
第一种：在每个页面的json文件中加入下面内容"navigationBarTitleText": "新的标题"第二种：调用微信方法动态修改 view层 <navigator url="/pages/login/login?title=新的标题" class='router'>跳转</navigator> js onLoad: function (options) {wx.setNavigationBarTitle({title: options.title})},结果：
自从小程序火爆之后，可谓是无所不知，无所不晓，现在小程序已经走进了千万家，小程序之所以能够获得大家的喜爱，主要还是因为它小巧，方便快捷，不用下载就可以使用，完全不占用手机空间，所以今天小编给大家分享几个很实用的微信小程序。1.动动文字一款纯文字动态表情制作神器总结：这款微信小程序是聊天、耍酷、卖萌、祝福语的制作神器，它可以把你话变成炫酷的动态文字表情，这样，你就再也不会因为没有适合的文字而感到尴尬了...
微信小程序-text标签 demo.wxml <!-- 1 长按文字复制 selectable2 对文本内容 进行解码 decode--> <text selectable="true" decode>text 123 < </text>示例点赞 收藏分享文章举报_Hello Spring发布了138 篇原创文章 · 获赞 9 · 访问量 6490私信 关注
开局一张图…… 看看这空白的地方多丑 ~ 接下来就是见证奇迹的时刻（上代码）//app.js App({onLaunch: function (ops) {if (ops.scene == 1044) {console.log(ops.shareTicket)}var _this = thiswx.getSystemInfo({success: function (res) {console.log(res.model)if (res.model.search(iPhone X) != -1) { //重点：此时 model 值为 iPhone X，但其实真机下 model 的值为： iPhone X (GSM+CDMA)<iPhone10,3>，因此我们需...
最近接到一个工作任务，是把钉钉小程序转微信小程序... 对，居然还有这种操作，之前只听过微信小程序转支付宝小程序的，钉钉转微信是什么鬼
最近给别个公司做技术支持，要实现微信小程序上拉刷新与下拉加载更多，微信给出的接口不怎么友好，最终想实现效果类似QQ手机版 ，一共3种下拉刷新状态变化，文字+图片+背景颜色 最终实现后的效果(这里提示有个不同点就是，自定义了导航条，并且下拉的时候，自定义导航条必须固定） 小程序实现下拉加载2种方式： 1. 简单粗暴，直接开启enablePullDownRefresh，开启全局下拉刷新 2.利用scroll-view组件 简单分析下2种方式的利与...
微信小程序学习总结(四) 一. 视图容器 1. view 视图容器属性名 类型 默认值 说明hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 1.5.0hover-start-time Number 50 ...
一、位置position【定位属性：static，relative，absolute，fixed，inherit，-ms-page，initial，unset】 1.static：元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或者多个行框，置于其父元素中。 2.relative：【相对于自己本身在流中的位置的偏移】元素框偏移某个距离。元素扔保持其未定位前的形状，它原来所占的空间扔保留。 3.absolute：【相对于父元素 —— 前提是父元素的位置是确定的】...
大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路隐藏官方导航栏 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算导航栏高度 编写新的导航栏 页面引用自定义导航一、隐藏官方导航栏 隐藏导航栏可以全局配置，也可以单独页面配置，具体根据业务需求来。{"path" : "pages/public/login","style": {"navigationBarTitleText": "","...
图示：index.wxml <!--index.wxml--> <button bindtap="map">定位</button> index.js //index.js //获取应用实例 const app = getApp() Page({data: {},map:function(){wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success: function (res) {var latitude = res.latitudevar longitude = res.longitudewx.openLocation({latitude: latitude,longitude: longitude,scale: 28})}})} })解说：1、index.wxml...
一、前言 项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发而提炼出一个简单方便使用的方法，网页开发中同样可用。这次使用的还是字体，主要是字体这个比较通用，颜色，大小都可以自己定义。当然了，来的最快的其实是用图片代替。二、微信小程序中评分功能实现 1.css文件中引入字体文件。也可以点此下载字体文件 @font-face { font-family: FontAwesome; src: url(h...
正文： 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; <button bindtap="showview">Show</button> <view class="bg" bindtap=hideview style=display:{{display}}></view> <view class="show" bindtap=hideview style=display:{{display}}>申请成功 <view class=txt>您的密码为:123456</view> </view> .bg {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-colo...