uni-app

最近在写uni-app项目，项目打包部署到服务器后，搞了好一会一直打开是空白页，原来自己有几个地方疏忽了，现把步骤整理一下： 第1步：编辑配置 mainifest.json 文件 tip：运行的基础路径，我的是reads路径，那么服务器上 要新建一个reads文件夹（如下图） 第2步：点击HBuilderX顶部菜单发行，选择网站-h5手机版 第3步：弹出框提示填写 网站标题和网站域名，然后点击发行 第4步：控制台可以看到编译成功 第5步：可以看到unpackage下的h5文件夹，把里面的static 和index.html拷贝到服务器的reads文件夹里，此时项目部署完成，浏览器打开xxx.com/reads就可以了（注意不要xxx.com/reads/index.html,这样页面是空白） 注意：按照上面步骤部署完成后，打开css，图片等加载有报错，是路径的问题，index.html文件里批量修改一下文件路径就ok了。 来源： oschina 链接： https://my.oschina.net/u/4264621/blog/4293116

使用uni-app 框架，调用第三方导航 //transformCoordinate.js /** * Created by Wandergis on 2015/7/8. * 提供了百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换 */ //定义一些常量 var x_PI = 3.14159265358979324 * 3000.0 / 180.0 ; var PI = 3.1415926535897932384626 ; var a = 6378245.0 ; var ee = 0.00669342162296594323 ; /** * 百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换 * 即 百度 转 谷歌、高德 * @param bd_lon * @param bd_lat * @returns {*[]} */ function bd09togcj02 ( bd_lon , bd_lat ) { var x_pi = 3.14159265358979324 * 3000.0 / 180.0 ; var x = bd_lon - 0.0065 ; var y = bd_lat - 0.006 ; var z = Math . sqrt ( x * x + y * y ) - 0.00002 * Math . sin (

<picker id=" pickerid " @change=" pickerChange ($event)" :value=" aindex " :range="array" range-key="name" style="width:80px"> 红色部分为系统声明的变量 可以为多个 此处以列出一个picker <view class=""> <text class="show-value">{{array[aindex].name}}</text> </view> </picker> pickerChange : function(e) {//通用picker方法自己添加内容 var nowId = e.target.id;//当前picker的ID id需要自己设置 在picker中 var value = e.detail.value;//当前picker选中的值 switch (nowId) {//判断是哪个picker 如多个用switch 数量少时可用if case " pickerid "://第一个picker this. aindex = value; break; case " pickerid2 "://第二个picker this. bindex = value; break; case " pickerid3 ": this. cindex =

computed的理解 computed里面的属性不能在data属性中出现，用来监控computed中自定义的变量 data() { return { url:"", mode:"SD", enableCamera:true, position:"front", beauty:0, whiteness:0, windowHeight:0, context:null, statusBarHeight:0, popupType:"mode" } } computed: { // 计算属性的 getter popupTitle() { let o = { mode: "画质", beauty: "美颜", whiteness: "美白" } return o[this.popupType] } } computed合适多个变量或对象处理后返回一个结果值，其中一个值发生变化则computed监控的属性值就会发生变化 <view class="flex align-center justify-center border-bottom" style="height: 90rpx;"> <text class="font-md">{{popupTitle}}</text> </view> data() { return { url:"", mode:"SD", enableCamera

JeecgBoot 移动OA新版本上线啦！JeecgBoot 移动OA新是一款同时支持PC端、APP端、小程序端、H5端的OA系统。 现在小编为大家介绍一下JeecgBoot 移动OA系统的亮点 ： 1、界面简洁，体验极致：全新的UI界面风格，支持主题切换；PC端，功能丰富，界面简洁；移动终端，前沿风格，精致易用。 2、高效协同办公： 在线考勤、邮箱、通讯录等直接提高员工工作效率，降低企业成本。 3、按需定制，私有化部署：系统支持二次开发，报表和数据源的任意定制、工作流程与表单任意定制、数据分析图谱任意定制，实现系统周期短、零代码、成本低、风险小。 4、完善的管理架构：完善的组织机构、部门和用户管理，灵活的角色和权限设置，支持黑白名单、系统日志管理、访问控制权限等。 5、为企业管理和决策提供科学依据：通过全方位的信息采集，以图表和数据展示，清晰的知道管理者如何去决策。 6、支持多端操作：同时支持PC端、APP端、小程序端、H5端； 小编再为大家介绍一下JeecgBoot 移动OA系统有哪些功能 ： 1、支持各种申请表单； 我们有自己的表单设计器，可以随意设计表单风格和内容；支持设计请假单、出差单、入职单等； online表单：如图1、图3样式； word风格OA表单：如图２样式； 2、支持考勤功能； 支持打卡、补卡、请假等功能； 3、支持消息、邮件推送和接收 支持系统消息、通知公告

一般下拉之后，拿到数据合并，会默认展示顶部第一条，模仿其他聊天应用，回到下拉之前位置，如果不做处理，可以看见下拉得到的数据，本方法完美解决 https://ext.dcloud.net.cn/plugin?id=1841 插件市场 有问题可以留言或者加qq445849201讨论，亲测ios和android都没问题 <template> <view class="content"> <view v-if="isOver" class="msg-over">没有更多消息了</view> <view class="pull-content" v-for="(item,index) in msgList" :key="index" :class="index % 2 == 0 ? 'msg-right' : ''" :id="'msg'+item.id"> <view class="absolute-view" v-show="showIndex>index?'show-index':''"></view> <view class="img-box" v-if="item.type == 'img'"> {{item.id}}<image class="logo" src="/static/logo.png"></image> </view> <view v-else class=

想写出淘宝那样的效果，技术不精，现在的效果是：点击轮播的图片，出现视频播放，当视频被暂停或者播放完成之后，隐藏video，显示图片；本文借鉴于一个大佬的博客，但是找不到那个地址了，望见谅； html 套用两个swiper，来进行隐藏和显示video；details是接口中详情的对象； <swiper class="screen-swiper" :hidden="!autoplay"> <swiper-item> <video id="myVideo" :src="details.videofile" autoplay="false" loop muted show-play-btn controls objectFit="cover" @pause="ZhanTing" @ended="ZhanTing"></video> </swiper-item> </swiper> <swiper :hidden="autoplay" class="screen-swiper" indicator-dots="true" circular="true" :autoplay="!autoplay" interval="3500" duration="500"> <swiper-item v-for="item in details.limages" :key="item" @tap=

<picker id=" pickerid " @change=" pickerChange ($event)" :value=" aindex " :range="array" range-key="name" style="width:80px"> 红色部分为系统声明的变量 可以为多个 此处以列出一个picker <view class=""> <text class="show-value">{{array[aindex].name}}</text> </view> </picker> pickerChange : function(e) {//通用picker方法自己添加内容 var nowId = e.target.id;//当前picker的ID id需要自己设置 在picker中 var value = e.detail.value;//当前picker选中的值 switch (nowId) {//判断是哪个picker 如多个用switch 数量少时可用if case " pickerid "://第一个picker this. aindex = value; break; case " pickerid2 "://第二个picker this. bindex = value; break; case " pickerid3 ": this. cindex =

https://www.jianshu.com/p/21cdfa81dfd5 官方给出了一个视频： https://ke.qq.com/course/343370 ， 官网 https://uniapp.dcloud.io/README 来源： oschina 链接： https://my.oschina.net/u/4326858/blog/4299657

目录 一、下载HBuilderX 二、打开HBuilderX，创建项目 三、创建完成​ 四、运行 五、打包 一、下载HBuilderX 下载地址： https://www.dcloud.io/hbuilderx.html 安装： 二、打开HBuilderX，创建项目 三、创建完成 ┌─components uni-app组件目录 │ └─comp-a.vue 可复用的a组件 ├─hybrid 存放本地网页的目录，详见 ├─platforms 存放各平台专用页面的目录，详见 ├─pages 业务页面文件存放的目录 │ ├─index │ │ └─index.vue index页面 │ └─list │ └─list.vue list页面 ├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此 ├─wxcomponents 存放小程序组件的目录，详见 ├─main.js Vue初始化入口文件 ├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期 ├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见 └─pages.json 配置页面路由、导航条、选项卡等页面类信息 四、运行 1、浏览器 2、手机(需要开启USB调试，然后USB选项选择“用作MIDI输入设备”) 3、微信小程序 注意