uniapp学习笔记

uniapp官网地址:https://uniapp.dcloud.net.cn/
学习源码:https://gitee.com/qingnian8/uniapp-ling_project.git
颜色网址:https://colordrop.io/

uniapp中如何获取导航中的路由信息?

onLoad(e){console.log(e)console.log(e.wd)console.log(getCurrentPages())}

uniapp中引入iconfont图标
https://www.iconfont.cn
在这里插入图片描述

下载至本地
在这里插入图片描述
解压文件将.tff文件复制粘贴至uniapp项目中static下的fonts文件夹下
在这里插入图片描述
在这里插入图片描述

在pages.json配置引入iconfont字体库并配置字体图标

"iconfontSrc":"static/fonts/iconfont.ttf", // app tabbar 字体.ttf文件路径 app 3.4.4+"list": [{"pagePath": "pages/index/index","iconPath": "static/image/icon_component.png","selectedIconPath": "static/image/icon_component_HL.png","text": "组件","iconfont": { // 优先级高于 iconPath,该属性依赖 tabbar 根节点的 iconfontSrc"text": "\ue102","selectedText": "\ue103","fontSize": "17px","color": "#000000","selectedColor": "#0000ff"}}

在这里插入图片描述
api测试网址:https://workspace.apipost.net/2c3f1e8ed464000/apis
https://api.thecatapi.com/v1/images/search?limit=1
http://jsonplaceholder.typicode.com
获取路由参数

goDetail(id){uni.navigateTo({url:"/pages/detail/detail?id="+id})}
onLoad(e){console.log(e)this.id=e.idthis.getDetail()}

在这里插入图片描述
项目地址:gitee.com/qingnian8/uniapp-ling_project
uniapp项目文件打包
1.运行要打包的项目
2.打开manifest.json文件并进行相关的配置
在这里插入图片描述
3.发行
在这里插入图片描述
在这里插入图片描述
注意问题!此应用DCloud appid 为_UNI_DAD3FT8,您不是这个应用的项目成员。1、联系这个应用的所有者,请求加入项目成员(https://dev.dcloud.net.cn “项目成员管理”-“添加协作者”);2、重新在manifest.json中生成自己的APPID;3、联系应用所有者将此 DCloud appid 转让给当前账号。
解决方法:重新获取,替换成当前小程序项目的appid之后,重新获取

在这里插入图片描述
预览打包好的项目:单击web文件夹右键执行“在外部资源管理器打开”,双击index.html文件进行预览
在这里插入图片描述
在这里插入图片描述
打包微信小程序
登录微信公众平台:https://mp.weixin.qq.com,打开开发->开发管理,复制粘贴AppID(小程序ID)
点击发行
在这里插入图片描述
小程序中点击上传
在这里插入图片描述
在微信公众平台中找到版本管理,开发版本下即是刚刚上传好的项目
在这里插入图片描述
app打包配置
在这里插入图片描述
发行->云打包
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
scroll-view出现滚动条如何设置消除滚动条?

/deep/ ::-webkit-scrollbar {width:4px !important;height:1px !important;overflow:auto !important;background: transparent !important;-webkit-appearance: auto !important;display:block;}

文字溢出,多行省略显示

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp: 2;
-webkit-box-orient:vertical;

web端和微信小程序端关于position:fixed;top:0;差异化的解决方法

top:var(–window-top);
left:0;
z-index:1000;
项目(获取新闻栏目)接口地址:https://ku.qingnian8.com/dataApi/news/navlist.php
https://ku.qingnian8.com/dataApi/news/newslist.php
数据拼接
在这里插入图片描述

富文本标签:rich-text

<rich-text :nodes="detail.content"></rich-text>

使用文本替换对富文本里面的图片进行修改大小

res.data.content=res.data.content.replace(/<img/gi,'<img style="max-width:100%"')

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/38571.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C#根据类的public属性加载类中对应字段的XML

<?xml version"1.0" encoding"utf-8"?> <root><UserLogin ID"0" UserName"" UserPassWord"" Level"1" PowerName"默认用户" PowerID"0" Remark"" IsEnabled"…

java八股文面试题

Java八股文面试题通常涵盖了Java语言的基础知识、高级特性、框架应用、数据库操作等多个方面。以下是一些常见的Java面试题及其详细回答&#xff0c;按照不同的主题进行分类&#xff1a; 一、Java基础 面向对象的特征有哪些&#xff1f; 抽象&#xff1a;忽略与当前目标无关的…

2.2.4 C#中显示控件BDPictureBox 的实现----ROI交互

2.2.4 C#中显示控件BDPictureBox 的实现----ROI交互 1 界面效果 在设定模式下&#xff0c;可以进行ROI 框的拖动&#xff0c;这里以Rect1举例说明 2 增加ROI类定义 /// <summary> /// ROI_single /// 用于描述图片感兴趣区域 /// type: 0:Rect1;1:Rect2;2:Circle ;3:…

C++ //练习 14.31 我们的StrBlobPtr类没有定义拷贝构造函数、赋值运算符及析构函数,为什么?

C Primer&#xff08;第5版&#xff09; 练习 14.31 练习 14.31 我们的StrBlobPtr类没有定义拷贝构造函数、赋值运算符及析构函数&#xff0c;为什么&#xff1f; 环境&#xff1a;Linux Ubuntu&#xff08;云服务器&#xff09; 工具&#xff1a;vim 解释&#xff1a; 因为…

工业路由器与家用路由器的区别

在现代网络环境中&#xff0c;路由器扮演着至关重要的角色。无论是在家庭网络还是在工业网络&#xff0c;选择合适的路由器都至关重要。本文将从多个角度&#xff0c;对工业路由器与家用路由器进行详细比较&#xff0c;帮助您更好地理解二者的区别。 1、安全性 工业路由器&…

大模型应用开发实战基础

大模型应用开发实战基础 1. 背景 大模型如日中天&#xff0c;各行各业都受它影响&#xff0c;但是作为程序员&#xff0c;除了让它翻译代码不知道用它干什么&#xff0c;就像是拿着锤子的木匠&#xff0c;找不到钉子在哪。一边听着别人说2024是AI元年&#xff0c;一边又不知所…

PostgreSQL的系统视图pg_stat_database_conflicts

PostgreSQL的系统视图pg_stat_database_conflicts 在 PostgreSQL 中&#xff0c; pg_stat_database_conflicts 是一个视图&#xff0c;用于监控并发操作导致的数据库冲突情况。了解和监控这些冲突可以帮助数据库管理员调优系统&#xff0c;以更好地处理并发事务。 pg_stat_da…

中控室监控台在水处理行业的作用

随着工业化和城市化的快速推进&#xff0c;水处理行业的重要性日益凸显。作为确保水质安全、提高水资源利用效率的关键环节&#xff0c;水处理厂需要高效、稳定地运行。在这个过程中&#xff0c;中控室监控台发挥着不可或缺的作用。本文将从以下几个方面&#xff0c;详细阐述中…

fyne的MultiLineEntry设置大小

MultiLineEntry设置大小 在另一篇文章讲过&#xff0c;放入border布局中&#xff0c;可以最大化MultiLineEntry。 这里再介绍另一种方法:SetMinRowsVisible() func (e *Entry) SetMinRowsVisible(count int) {e.multiLineRows counte.Refresh() }SetMinRowsVisible强制mult…

(域渗透提权)CVE-2020-1472 NetLogon权限提升漏洞

目录 漏洞简介 漏洞检测 漏洞利用 使用脚本进行利用 使用Mimikatz进行利用 恢复用户哈希 漏洞简介 CVE-2020-1472是继永恒之蓝漏洞之后又一个好用的内网提权漏洞&#xff0c;影响Windows Server2008R2至2019的版本。只要攻击者能够访问到目标域控并且知道域控计算机名即…

九浅一深Jemalloc5.3.0 -- ④浅*配置

目前市面上有不少分析Jemalloc老版本的博文&#xff0c;但最新版本5.3.0却少之又少。而且5.3.0的架构与5之前的版本有较大不同&#xff0c;本着“与时俱进”、“由浅入深”的宗旨&#xff0c;我将逐步分析最新release版本Jemalloc5.3.0的实现。 另外&#xff0c;单讲实现代码是…

ShareSDK iOS端如何实现小红书分享

下载SDK 请登陆官网 &#xff0c;找到SDK下载&#xff0c;勾选需要的平台下载 导入SDK &#xff08;1&#xff09;离线导入将上述下载到的SDK&#xff0c;直接将整个SDK资源文件拖进项目里&#xff0c;如下图&#xff1a; 并且勾选以下3个选项 在点击Finish&#xff0c;…

实时跟踪并显示Docker容器的最新日志

可以用以下命令实时跟踪并显示Docker容器的最新日志 例&#xff1a; 这条命令 docker logs --tail 200 -f docker1 的作用是&#xff1a; docker logs: 这部分指示要查看 Docker 容器的日志。--tail 200: 这个选项指定只显示最后的200行日志。这意味着你将只看到容器最近生…

JavaSE简易版扫雷小游戏

描述&#xff1a;用户输入二维雷区的高和宽&#xff0c;输入确定地雷数&#xff0c;随机在地雷区生成地雷。用户输入横竖坐标进行挖雷&#xff0c;挖到地雷游戏以失败结束&#xff0c;并让用户选择是否再次游戏&#xff1b;没挖到雷&#xff0c;显示该区域8个方向地雷数。如果8…

安徽大学学报-哲学社会科学版

《安徽大学学报》&#xff08;哲学社会科学版&#xff09;简介 安徽大学学报&#xff08;哲学社会科学版&#xff09;简要信息 刊 号 CN 34—1040/C ISSN 1001—5019 主 编 张治栋 地 址 安徽省合肥市肥西路3号 邮 编 230039 电 话 &#xff08;0551&#xff09;6…

Spring MVC的高级功能——异常处理(三)异常处理注解

一、ControllerAdvice注解的作用 从Spring 3.2开始&#xff0c;Spring 提供了一个新注解ControllerAdvice&#xff0c; ControllerAdvice有以下两个作用。 • 注解作用在类上时可以增强Controller&#xff0c;对Controller中被RequestMapping注解标注的方法加一些逻辑处理。…

uniapp + vue3 + Script Setup 写法变动 (持续更新)

一、uniapp 应用生命周期&#xff1a; https://uniapp.dcloud.net.cn/tutorial/vue3-composition-api.html 注意&#xff1a; 应用生命周期仅可在App.vue中监听&#xff0c;在其它页面监听无效。 二 、uniapp页面生命周期&#xff1a; https://uniapp.dcloud.net.cn/tutori…

C语言 输出所有的水仙花数

输出所有的“水仙花数”&#xff08;水仙花数指一个三位数&#xff0c;其各位数字立方和等于该数本身。例如153是水仙花数&#xff0c;因为1^35^33^3153&#xff09; 这个程序找出所有的三位水仙花数&#xff0c;并输出它们。 &#xff08;如果每各数字立方和等于原数字&…

Java SE入门及基础(62) 线程池 执行器

线程池 1. 执行器 In all of the previous examples, theres a close connection between the task being done by a new thread, as defined by its Runnable object, and the thread itself, as defined by a Thread object. This works well for small applications, but…

Golang | Leetcode Golang题解之第212题单词搜索II

题目&#xff1a; 题解&#xff1a; type Trie struct {children map[byte]*Trieword string }func (t *Trie) Insert(word string) {node : tfor i : range word {ch : word[i]if node.children[ch] nil {node.children[ch] &Trie{children: map[byte]*Trie{}}}nod…