问题：按照官方文档用yarn引用了uni-ui组件库并且在pages.json和vue.config.js中配置了相关的内容后使用uni-icon效果如下： 使用uni-icons的地方图标都未显示成功解决：1-按照项目名称\node_modules\@dcloudio\uni-ui\lib\uni-icons目录找到uni-icons目录2-将uni-icons目录放到src目录下的components目录下3-在pages.json文件中添加配置项 "easycom":{ "autoscan":true, "custom":{ "^uni-((?!(shado
效果如图，先选择开始日期，完成日期需要在开始日期之后，先选择完成日期，开始日期需要在完成日期之前需要用到uni-datetime-picker官方的三个属性 代码如下constbeginStartTime=ref("1999-05-01")constbeginEndTime=ref("2029-05-01")constfinishStartTime=ref("1999-05-01")constfinishEndTime=ref("2029-05-01")//设置初始数据constformData=ref({endTime:"",//施工结束时间yyyy-MM-ddstartTime:"",/
uni.getUserProfile已废弃//授权获取用户信息废弃 getUserProfile(e){ console.log('授权登录') uni.showLoading({ title:'加载中' }) letthat=this uni.getUserProfile({ desc:'用于完善会员资料', success:(res)=>{ uni.hideLoading(); that.nickName=res.userInfo.nickName that.avatar=res.userInfo.avatarUrl
闲来无事，就想着写个拖拽排序的组件好了，虽然效果差了些，但以后我变强了，在优化嘛。🤪示例：创建组件（直接上代码）： exportdefault{ name:"drag-and-drop-sort-A", props:{ //容器大小 containerSize:{ type:Object, default:()=>({wdith:'100vw',height:'100vh'}), }, //控件的大小 controlsSize:{ type:Object, default:()=>({width:
uni-app写的app//分享小程序asynchandleShare(index){let_this=this;setTimeout(()=>{this.drawCanvas();setTimeout(async()=>{this.canvasFlag=false;},4000);},100);this.canvasFlag=true;},drawCanvas(){let_this=this;this.$nextTick(async()=>{//初始化awaitthis.$refs.rCanvas.init({canvas_id:'rCanvas',canvas_width:399,canv
UniApp实现微信小程序中拨打手机电话和长按加微信客服好友（完整代码示例）一、service.Vue 客服电话 {{PhoneNumber}} 客服微信 {{WxNumber}} 请长按下面的二维码，加客服微信 --> expo
如下图所示，微信小程序中涉及到修改头像的交互技术：前端应用框架为uni-appUI框架为uView 思考：1.头像点击事件click2.从本地相册选择图片或使用相机拍照uni.chooseImage(OBJECT)，方法执行成功后根据success中返回的图片的本地文件路径列表tempFilePaths，做操作3.上传图片uni.uploadFile(OBJECT)，通过上传接口拿到图片的路径或者跟图片有关的值，再根据这个值调取后端接口拿到base64字符串【最后还是要看后端开发要怎么设计了，说白了都是从接口里拿到想要的值。。】 js： //点击头像触发click事件change
最近写uniapp项目的时候发现有时候需要更新页面数据，我是用h5强制刷新页面后就无法返回上一个页面，查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法，方法基本一致，使用原生JS的history对象，封装一个兼容uniappapi和原生js的返回的方法。在此记录一下方法letcanNavBack=getCurrentPages()if(canNavBack&&canNavBack.length>1){uni.navigateBack()}else{history.back();}//在返回的方法里替换
使用uni-app在实际项目中开发微信小程序，经常会遇到给项目添加分享给微信好友、朋友圈...功能，一般来说要将某个页面分享出去，就要在当前页面添加： exportdefault{ data(){ return{} }, onLoad(){}, methods:{}, //分享给好友 onShareAppMessage(res){ console.log(res); if(res.from==='button'){//来自页面内分享按钮 console.log(res.target) } return{ title:'title',//自定义分享标题
问题是这样的input，textarea获取焦点时会自动调起手机键盘，设置:adjust-position=“true”，和不设置都会导致键盘弹起时页面整体上移问题分析input获取焦点时会自动调起手机键盘，设置:adjust-position=“true”，会导致键盘弹起时页面整体上移思路：设置使键盘弹起使页面不上移设置输入框所在盒子为绝对定位键盘弹起时获取键盘高度设置输入框所在盒子的bottom的键盘高度解決方案:adjust-position=“false”textareaclass="flexbuyer_input_fd2_0"confirm-type="done":placehold
