小程序云开发高级教程

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› 移动开发›小程序云开发高级教程

RSS

微信小程序控制元素显示和隐藏 - 猫头唔食鱼

控制元素显示和隐藏的指令是:wx:if={{xxx}} 当{{}} 里的值是true，那么就显示，如果false就不显示……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：118 | 回复：0
转载：【微信小程序】 wx:if 与 hidden(隐藏元素)区别

条件渲染amp;#160;顾名思义所谓的条件渲染，就是通过条件来判断是否需要渲染该代码块。条件渲染主要是用到wx:ifamp;#160;和amp;#160;block wx:ifamp;#160;这两个，第一个相信好理解，第 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：131 | 回复：0
微信小程序：实现密码的可见与隐藏功能(真机有效)

像常见的app在注册，登录的时候会有输入密码的一项，通常又分为密码可见与不可见之分，微信小程序也存在这一的需求，刚开始的思路是利用input的type属性text和password来切换状态，但在真机 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：122 | 回复：0
微信小程序-隐藏和显示自定义的导航

微信小程序-隐藏和显示自定义的导航，一点小技巧分享。……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：115 | 回复：0
小程序隐藏返回首页按钮

有一段时间没做小程序了，最近又开始做小程序了。现在做的项目发现头部导航带有小房子的图标点击返回首页，打开之前的项目发现也都有了这样的图标，于是去社区看了看，发现了答案。隐藏返回首页按钮。微信7.0. ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：141 | 回复：0
小程序实践（四）：动态控制组件的显示/隐藏

组件有个属性：hidden=amp;#39;amp;#39; ,值为true/false ，当false的时候说明不隐藏，当true的时候说明隐藏，注意该隐藏是不保留组件位置的。实现即 .js 配合.wxml ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：138 | 回复：0
微信小程序点击控制元素的显示与隐藏

微信小程序点击控制元素的显示与隐藏首先我们先来看一下单个点击效果我们来看一下wxml中的代码： amp;lt;view class=amp;quot;contenamp;quot;amp;gt; amp;lt;view cla ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：145 | 回复：0
微信小程序中，如何实现显示，隐藏密码的功能

最近在搞小程序的开发，遇到隐藏，显示密码的功能的时候，电脑上调试没问题，但是手机上面点击却没有效果，必须要跳转到其他页面再跳回来，才能正常显示。一时间搞得我很头疼，查找资料后，终于知道了是什么原因. ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：136 | 回复：0
微信小程序 —— 动态决定页面元素显示或隐藏的技巧

在微信小程序开发中，经常遇到一些由后台控制显示（is_open : 1）或者隐藏（is_open : 0），有俩种办法：复杂办法 1.先在元素的class中 class=’{{show?’true’ ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：132 | 回复：0
微信小程序中组件的显示/隐藏：wx:if /hidden属性

组件有个共同属性——hidden，用于设置组件的显示/隐藏，默认为显示：设置为true时，组件隐藏；false时，组件显示。 amp;lt;view hidden = amp;quot;{{ false }}amp;q ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：132 | 回复：0
微信小程序中显示与隐藏(hidden)

1、wx.wxml页面部分 2、wx.js js部分……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：156 | 回复：0
微信小程序隐藏和显示切换

微信小程序的菜单隐藏和显示切换小例子，菜单是请求服务器获取的内容。 index.wxml文件代码如下 index.wxss代码如下 index.js代码如下默认隐藏，点击显示，再点击隐藏。 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：145 | 回复：0
小程序显示隐藏

刚刚开始接触小程序，发现是跟vue差不多的写法。但是又比vue少了很多功能，很不习惯然后想做个显示隐藏的功能，找了网上大多数人都是：建两个类：然后在wxml中是： js中：看了很多文章都是这样 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：132 | 回复：0
微信小程序开发

app.json 对全局的配置项上面的配置，效果如下 2，每一个页面的页头的样式单独配置方法效果如下数据绑定不仅可以绑定到数据标签内容上面，也可以绑定在属性值里面循环渲染一次循环多个标签使用block 尺 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：121 | 回复：0
小程序中背景图片设置

之前一个面试官问过我一个问题，对于小程序背景图你怎么做的？突然想起来，来分享一下在微信开发文档中，定义image组件的src属性后跟着的是图片资源地址在这里我说一下哈，我自己学的时候写的demo,直接放在本 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：136 | 回复：0
小程序海报最佳实现思路，可视化编辑直接生成代码使用

背景在做小程序时候，我们经常会有一个需求，需要将小程序分享到朋友圈，但是朋友圈是不允许直接分享小程序，那我们还有其他的办法解决吗?答案肯定是有的，即 canvas 生成个性化海报分享图片到朋友圈分 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：131 | 回复：0
微信小程序--地图上添加图片

如何在微信小程序地图添加上,添加图片? 在微信小程序中,地图的层级最高,所以我们没有办法,通过定位,在地图上添加图片等信息; 处理办法: 添加控件:controls; 其中有个属性position,进 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：120 | 回复：0
小程序开发：四（window）全局设置小程序的状态栏、导航条、标题、窗口背景色。 ...

window 用于设置小程序的状态栏、导航条、标题、窗口背景色。属性类型默认值描述最低版本 navigationBarBackgroundColor HexColor #000000 导航栏背景颜色……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：137 | 回复：0
小程序页面上各个部分的背景色

完整的小程序页面除了在页面的.wxml中定义的视图外，还包括导航栏等部分。在.wxss中定义的样式只对页面内容部分起作用，其他部分的背景色如何设置呢？下面就做一个完整的介绍。一、主体部分首先看下图 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：133 | 回复：0
小程序背景图片bug

在pc端调试的时候已经可以看到出现背景图片了，但是在真机调试的时候却发现没有背景图片，那么原因是什么呢？真机调试和vconsole也看不出什么鸟，其实这是小程序的一个bug。另一种说法是：backgr ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：133 | 回复：0
微信小程序-动态设置背景色navigationBarBackgroundColor的值

查看API： wx.setNavigationBarColor(OBJECT) 代码：……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：148 | 回复：0
微信小程序如何使用背景图片

微信小程序通过background-image设置背景：只支持线上图片（url）（推荐） base64图片，不支持本地图片；设置base64图片将本地图片在这个网址里面进行转码 http:/ ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：126 | 回复：0
微信小程序图片使用示例

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html1：加载本地文件夹图片图片.png2:加载……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：145 | 回复：0
解决小程序背景图片在真机上不能查看的问题

小程序背景图片在真机上不能查看的问题，小程序背景图片丢失。前面我写过一篇关于解决小程序打包代码过大的解决问题，其实也主要的原因是图片过大，进行压缩的方法。这次遇到的问题是，在微信开发工具箱开发时，背景 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：147 | 回复：0
微信小程序 - 动态背景图片实现

很简单-就两步 wxml(遍历style的background-image路径即可) wxss(.ab)……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：140 | 回复：0
Taro，实现小程序在样式文件中导入背景图片

https://taro-docs.jd.com/taro/docs/static-reference.html 注意点是，控制你的图片大小，然后配置完limit后，把dist删掉，重新运行 npm……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：142 | 回复：0
微信小程序自定义顶部导航栏,添加背景图,透明色等

在微信小程序中，导航栏的颜色可以在app.json. window里面添加navigationBarBackgroundColor属性,但是颜色只能为纯色.不能使用rgb,或者rgba的色号. 但是这……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：134 | 回复：0
微信小程序添加背景图片的坑

给微信小程序页面加载背景图片解决方案直接附上原文地址：给微信小程序页面加载背景图片解决方案 - YUSIR 完美CODING世界 - CSDN博客 https://blog.csdn.net/yu ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：128 | 回复：0
小程序背景图

可以控制位置，地址，是否重复，尺寸等信息！布局的时候，可以根据需要，结合背景图，进行布局。……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：144 | 回复：0
微信小程序爬坑日记之背景图片设置

1.amp;#160;不做任何解释，粗暴的先来一波代码；微信小程序目前只支持在行内写bg的各种属性，比如 background-size ,你设置在wxss里是不生效的，只能写在行内， url 也是，需要 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：158 | 回复：0
小程序图片设置背景颜色

html: css: 对按钮或者块做半透明： background:#000000 none repeat scroll 0 0;opacity:0.5 !important;……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：138 | 回复：0
【微信小程序】添加背景图片及设置

可以用行内来实现应用代码如下：效果图如左。……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：153 | 回复：0
微信小程序view设置背景图片有空缺

给view添加 background:amp;#160;url({{item.sku_pic}})amp;#160;no-repeat centeramp;#160;/amp;#160;cover cover 会使图片最大程……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：136 | 回复：0
小程序设置背景图片 (方法全) - cag2050

推荐使用第3种方法。原文链接：https://blog.csdn.net/qq_40428678/article/details/88942835……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：140 | 回复：0
微信小程序设置背景占满整个页面 - huozaimengli

微信小程序,默认的根节点是amp;lt;pageamp;gt;amp;lt;/pageamp;gt;，所有内容都包裹在这个标签里，如何让页面的背景占满整个屏幕？？有人说设置page {height:100%} .bg{he ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：143 | 回复：0
微信小程序——引入背景图片【六】

前言之前写了一些小程序的博文只是看文档边看边写，了解下他，这次可是真枪真刀的做了！框架使用的是美团的mpvue,我也是一边学习，一边写的，如有错误之处，还望大家指出。在这里我有个问题，为什么微信 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：132 | 回复：0
小程序页面设置背景图片 - qq往事如风

设置小程序页面背景图有多种方式，可以图片标签，也可以通过css，其中css的方式不能用本地，要用网络图或base64图片，今天就说下base64的方式： 1.要先将图片转化成base64编码，网上有很 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：142 | 回复：0
如何给小程序页面加载一张背景图片

我们知道，在PC端，想在一个页面插入一张背景图，只需要如下属性即可。在小程序里面，如此做法就行不通了，图片不但不会显示而且还会报错了很多人都会有这样的一种感受，在一边学习一遍做项目的过程中，总会遇 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：142 | 回复：0
微信小程序通过background-image设置背景图片

微信小程序通过background-image设置背景：只支持线上图片和base64图片，不支持本地图片；base64图片设置步骤如下：1.在网站http://imgbase64.duoshitong……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：152 | 回复：0
微信小程序 - 开发总结(3): 背景图、背景色(主要是透明度)的设置 ...

在写小程序之前以为小程序的背景图、背景色设置方式和网页写法是一样的，但是当真写的时候才发现它两爷子有很多不一样。具体怎么个不一样法，下面开始列举。一、用amp;#160;background-image ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:26 | 阅读：136 | 回复：0

1 ... 8 9 10 111213 14 15 16 ... 218 / 218 页下一页

客服电话

电子邮件

小程序云开发高级教程

关于我们

产品与服务

解决方案

139-2527-9053