
uniapp
uniapp
南朝听月
A ship in harbor is safe, but that is not what ships are built for.
展开
-
promise封装请求
promise封装请求原创 2021-12-16 17:57:49 · 576 阅读 · 0 评论 -
uniapp打包h5
1 、manifest.json配置:2、发行3、直接找到这个包,发给运维部署即可。(不要本地打开这个html文件,可能打不开,但是按照上述配置也是可以打开的)原创 2021-04-30 16:43:41 · 250 阅读 · 3 评论 -
uniapp订单列表模板的使用,u-tabs-swiper的使用,全屏选项卡
uniapp官方的模板使用:在线效果请看demo:代码:<template> <view class="shenhe-container"> <view class="tab-container"> <u-tabs-swiper ref="uTabs" :current="current" :list="navList" :is-scroll="false" swiperWidth="750" height="80.原创 2021-04-29 14:07:44 · 9167 阅读 · 2 评论 -
uni-app前端H5页面底部内容被tabbar遮挡的问题解决
问题:使用 uni-app 框架开发的一个项目,发现 H5 端页面底部的内容被导航栏(Tabbar)遮挡,小程序端可以正常显示。原因:查阅资料得知,uni-app 新增了2个 CSS 变量:–window-top 和 --window-bottom ,详细说明如下:APP 和小程序的导航栏和 tabbar 均是原生控件,元素区域坐标是不包含原生导航栏和 tabbar 的;而 H5 里导航栏和 tabbar 是 div 模拟实现的,所以元素坐标会包含导航栏和 tabbar 的高度。为了优雅的解决多.原创 2021-04-26 16:34:08 · 7298 阅读 · 0 评论 -
Scroll-View组件的scroll-x属性不起作用
最近在用uniapp写公司项目(小程序也是这样):横向滚动就是实现不了,用的是flex布局实现的,但是发现事与愿违。解决办法: 给scroll-view容器 加以下样式 width: 100%; white-space: nowrap; 子元素(滚动的item项)display:inline-block;可以实现横向滚动.hhhs-content { padding: 0 0 0 43rpx; width: 100%; white-space: nowrap原创 2021-04-25 18:08:07 · 981 阅读 · 0 评论 -
uniapp中图片不居中问题
uni-image {display: inline-block;}可见是行内块可以转换为 display:block 然后margin: 0 auto;原创 2021-04-25 15:32:04 · 9775 阅读 · 10 评论 -
uniapp H5头部问题
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "大爱私董会", "navigationBarTextStyle": "black", "navigationBarBackgroundColor": "#FFFFFF" }原创 2021-04-23 10:52:42 · 1301 阅读 · 0 评论 -
uniapp项目中uni.scss的使用方式
在创建的uniapp的项目中都会有一个uni.scss文件,那么这个文件怎么使用? 你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件。 不用导出这个文件就可以在所有的页面或组件中使用uni.scss中定义的常量。...原创 2021-04-23 10:43:44 · 5099 阅读 · 0 评论 -
uniapp公共css的引入方式
传统的vue项目中:可以直接在项目入口文件main.js中引入csss可以正常解析import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import "./assets/css/global.css"import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/i原创 2021-04-23 10:39:36 · 7120 阅读 · 2 评论 -
uniapp的项目不能在手机上进行预览
1、项目启动后2、电脑和手机连接的是同一网络,那么在手机上打来Network链接也是可以打开进行一个预览的。但是事实上是打不开的。3、解决方案,关闭防火墙。4、成功了。原创 2021-04-23 10:33:10 · 1992 阅读 · 2 评论