微信小程序换行符、hidden属性、图片高度、背景图不显示问题

el/2024/3/2 12:44:20

微信小程序问题总结

1. 换行符\n
1.1 微信小程序的换行符为\n,只能在text标签中使用,才能进行换行
1.2 当后端返回数据中存在换行符\n,并且在text标签中仍不进行换行显示,(原因是后端返回的\n被转译成了字符串无法识别为换行符),使用以下方法进行替换
① 创建wxs文件
在这里插入图片描述
② 在文件中编写的方法,是将转译为字符串的\n替换为换行符\n的代码,参数text为含\n的string,将方法exports导出才可在其他页面进行使用此方法

③ 在其他页面中使用该方法,首先在wxml文件中引入上述文件,才能使用文件中的方法,注意文件路径要写正确
在这里插入图片描述
④ 在wxml中,调用该方法
在这里插入图片描述

2. hidden属性
问题:wxml中的标签添加了hidden属性为true,该元素却没有进行隐藏
原因:在wxss文件中,该元素display属性设置为block,将此样式删除则可使用hidden进行隐藏了
3. navigator标签
问题:设置了该标签的url属性,点击后却没有进行跳转
原因:url对应的页面在app.json的tabbar中设置了该页面,
解决方法:在该标签内添加属性open-type=‘switchTab’
在这里插入图片描述

4. 图片高度显示问题
image标签设置图片路径后,不显示,以及设置了宽度,没有根据宽度显示高度。在image标签中添加mode=“widthFix”
在这里插入图片描述

5. 微信小程序设置背景图不显示

不显示的原因为:小程序不支持本地路径背景图片
解决方法:使用线上的图片路径
在这里插入图片描述


http://www.ngui.cc/el/3882145.html

相关文章

MatLab 2016b下载资源

MatLab 2016b下载资源 百度网盘链接: https://pan.baidu.com/s/1cc_qWaiLWl7O6e0O-xZjpg 提取码:6yei

并发控制(笔记)

并发控制 在单处理机系统中,事务的并发执行实际上是这些并行的事务的并行操作轮流交叉执行。 并发控制概述 事务是并发控制的基本单位 但是并发操作会出现以下一些问题。 1.丢失修改 2.不可重复读 3.读脏数据 (与数据库内容不一致) …

数据库恢复技术(笔记)

数据库恢复技术 1.事务 所谓事务是用户定义的一个数据库操作序列,这些操作要全做,要不全都不做,是一个不可分割的工作单位。 事务通常以BEGIN TRANSACTION开始,以commit或者是rollback结束, commit 表示提交&#xf…

查找的基本概念(笔记)

1.查找表 查找表是由同一类型的数据元素(或记录)构成的集合。 2.关键字 关键字是数据元素(或记录)中某个数据项的值。用它可以标识一个数据元素(或记录)。若此关键字可以唯一标识一个记录,则称此…

插入排序、冒泡排序、选择排序、快速排序(笔记+代码)

插入排序、冒泡排序、选择排序、快速排序 1.插入排序 插入排序,其实就像打牌一样,每一次从未添加数列中(牌堆)里面选取最近的一个关键字(数),将这个数插入到已添加数列(手牌&#…

数据库原理期末复习

第一章 绪论 知识点 1.什么是数据库? 数据库是长期储存在计算机内,有组织,可共享的大量数据的集合。数据库中的数据按照一定的数据模型组织,描述和存储,具有较小冗余度,较高的独立性和易扩展性&#xff0…

爬虫学习1:红薯网首页的爬取

爬虫之红薯网首页的爬取(成功进行验证码识别并模拟登录成功) 核心 session requests.Session()代码: #!/usr/bin/env python # coding:utf-8import requests from lxml import etree from hashlib import md5 import timeclass Chaojiying_Client(object):def _…

通信原理实验五

实验内容与步骤 采用matlab对数字通信系统基本模型图5-1进行搭建并仿真。 信源为时间长度为7秒钟的音频test_speech.wav,其采样频率为8000Hz。基本要求: 信源编码采用A律13折线非均匀PCM编码;信道编码采用(7,4)汉明码;发送端采用…

Ubuntu20.04中安装vulhub

Ubunt20.04安装vulhub vulhub介绍: 一个基于docker和docker-compose的漏洞环境集合 安装docker 首先找到docker的官网 然后找到ubuntu对应的页面 https://docs.docker.com/engine/install/ubuntu/ 查看是否符合自身的版本 如果符合则按照上面的提示进行安装 安装…

三子棋(c语言的实现)

**三子棋**三子棋的流程: (1)首先我们要写一个函数init()用于初始化棋盘; (2)初始化完成后,我们要打印print()棋盘,以便用户观看&…