![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp之商城
火红_
这个作者很懒,什么都没留下…
展开
-
uniapp中条件编译
条件编译APP-PLUS包含APP-NVUE和APP-VUE,APP-PLUS-NVUE和APP-NVUE没什么区别,为了简写后面出了APP-NVUE;使用条件编译请保证编译前和编译后文件的正确性,比如json文件中不能有多余的逗号;各个预编译文件:.scss .less .stylus .ts .pug。-- 注释 – >;条件编译是利用注释实现的,在不同语法里注释写法不一样,表示只能编译H5,其他的都不能编译。css 使用 /* 注释 */、其他编译平台请查看官方文档。js使用 // 注释、原创 2023-02-17 18:44:43 · 748 阅读 · 0 评论 -
uni-app前端H5页面底部内容被tabbar遮挡
APP 和小程序的导航栏和 tabbar 均是原生控件,元素区域坐标是不包含原生导航栏和 tabbar 的;而 H5 里导航栏和 tabbar 是 div 模拟实现的,所以元素坐标会包含导航栏和 tabbar 的高度。如果你想在原生 tabbar 上方悬浮一个菜单,之前写 bottom:0。这样的写法编译到 h5 后,这个菜单会和 tabbar 重叠,位于屏幕底部。刚一开始我写在了bottom:0;但是多加padding-bottom可以执行。原创 2023-02-16 15:42:39 · 1045 阅读 · 0 评论 -
uniapp中navigateTo:fail page `/pages/newlogin/newlogin.vue` is not found
uni.navigateTo与uni.navigateBack是配合使用的。如果你将uni.navigateTo改成uni.reLaunch,uni.navigateBack就会失效。在前面加‘/’也不行,例如:url:“/pages/newlogin/newlogin.vue”.保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。经过多方查找试验,把最后的后缀.vue去掉就行了,但斜杠也要加上的。原创 2023-02-07 14:54:48 · 969 阅读 · 0 评论 -
uni-app如何取消页面的默认返回按钮
在page.json页面设置如下:添加autoBacButton:false。原创 2023-02-05 10:42:33 · 1573 阅读 · 0 评论 -
HbuilderX检测不到模拟器解决方案
在adb路径中找到你hbuilder的安装路径,我的在F:/HBuilderX.3.1.2.20210206/HBuilderX/plugins/launcher/tools/adbs/adb.exe。端口号设置成你模拟器的端口号,我的逍遥模拟器。你的要找你安装的路径哈。重启hbuilder。原创 2023-01-04 10:49:33 · 1433 阅读 · 0 评论 -
uniapp之scrollview导航栏运动跟随
点击之后,动态运动导航切换,页面跟着也切换 <swiper :current="tapIndex" @change="changeIndex($event)"> <swiper-item v-for="(item, index) in slideNaviData" :key="index"> <view class="swiper-item">{{ item }}</view> </swiper-item> &l.原创 2022-03-08 17:26:19 · 560 阅读 · 0 评论 -
uniapp之屏幕右侧出现滚动条
在最外层view上加上class=“content”;输入以下样式。两个都必须存在在生效。.content { /* 跟屏幕高度一样高,不管view中有没有内容,都撑开屏幕高的高度 */ height: 100vh; overflow: auto;}.content::-webkit-scrollbar { /* ::-webkit-scrollbar webkit的伪元素,滚动条 伪元素只能有一个,不能多个同时出现,且只能放在最后面 两个冒号是css3的样式,主要与伪类区分.原创 2022-03-08 13:15:30 · 2885 阅读 · 3 评论 -
uniapp之tabbar配置
标签栏不能写‘./’路径,否则报错原创 2022-03-07 15:11:39 · 541 阅读 · 0 评论 -
uniapp之H5网站添加图标favicon浏览器标签栏小图标
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、favicon图标可以是PNG、JPG、ico格式的,大部分网站兼容ico格式的。图标大小一般是:16x16 32x32一、先新建一个HTML文件,名字随意起,例如templateH5.html。进入官网,复制官网的基本模板所有内容到templateH5.html:https://uniapp.dcloud.io/collocation/manifest?id=h5-template二、在uniapp中找到manifest.jso原创 2022-01-13 16:46:59 · 2446 阅读 · 1 评论 -
uniapp之navigateTo url对象传参(传递对象)
传参页面:接收页面:注意:不要再接收页面使用JSON.parse(JSON.stringify(e.addr));需要分开写,例如:传参页面写JSON.stringify(addrDetail);接收页面写:JSON.parse(e.addr)原创 2021-12-02 17:18:20 · 2534 阅读 · 0 评论 -
uniapp之node后台express安装
一、安装express脚手架npm i express-generator -g 二、在前端目录下创建项目express --view=ejs projectName 或者 express -e projectName-e:简写,全称为 --view=ejs ,安装ejs模板引擎projectName:项目名称,自定义即可例如:express -e server //要在前端的根目录下安装输入cd server //切换到创建的目录下npm install // 安装依赖原创 2021-11-12 09:36:06 · 713 阅读 · 0 评论 -
uniapp之scrollview图片区域滚动(横向滚动)
scrollview仅适用于区域(局部)滚动,如果用于页面滚动和长列表,则有性能问题。<scroll-view class="scrollView" scroll-x="true"> <view style="width: 333rpx;"> <shopListItem :commodityList="commodityList" wrap="no-wrap" width="160rpx" height="160rpx"></shopListItem原创 2021-11-05 11:10:12 · 8995 阅读 · 0 评论 -
uniapp之弹性布局中最后一行元素宽度不足时左对齐的几种方法
没有对齐之前:对齐之后:1.总数不定且列数不定在父元素上加入伪元素: ::after.parent::after { content: ''; flex:auto; }flex:auto用于占满最后一行的剩余宽度,中间就会没有任何间距。所以可以给每个子元素设置margin以分割出缝隙。2、添加几个空view在元素末尾 不设置高度利用每个list数组的长度,进行取余数<view if="List.lenght%3==1"> <view style="原创 2021-11-04 20:36:35 · 1295 阅读 · 0 评论 -
uniapp之自定义导航栏和手机顶部状态栏高度设置
一定要腾出手机手机状态栏的高度–status-bar-height原创 2021-05-26 10:30:02 · 13817 阅读 · 4 评论 -
uniapp之引入字体图标
一、将阿里图标https://www.iconfont.cn/下载下来的文件拷贝到项目二、拷贝以下两个文件图标到static/font目录下三、修改文件目录路径四、在APP.vue全局中引入文件五、使用,打开下载中的HTML,复制需要的代码(不要点,点,点)在class中写入,一定要写上iconfont。...原创 2021-11-02 17:44:58 · 964 阅读 · 0 评论 -
uniapp之苹果手机运行检测不出(亲测)
在手机上运行,但是HBuilder识别不到IPhone手机,我先安装iTunes,但是还是识别不到,最后安装的iTools成功识别注意:iOS9.0及以上系统需要在"设置"-"通用"-"设备管理"(或"描述文件")中信任DCloud企业证书(Digital Heaven开头的证书)才可以正常使用...原创 2021-11-02 17:47:56 · 2759 阅读 · 0 评论