随笔分类 -  uni-app

摘要：如下图所示，在项目中需求是通过首先选择学生的专业，选好之后在每个专业下面选择对应的学期，每个学期有对应的学费，因此就需要联动选择来实现这一功能。 以下仅展示此功能主要代码： <div class="item"> <div class="item-left"> <span class="star">* 阅读全文

摘要：在用户提交信息的时候通常会输入手机号之类的，所以需要前端在提交的时候验证其输入的格式是否正确，以是在uni-app项目中，仅展示验证部分内容 手机号： let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/ //正则表达式定义手机号正确格式 if (!this.tele) { 阅读全文

摘要：在uni-app项目中通常需要用户上传照片，如下图所示： 其中部分参数为本项目中请求接口时所需要的，可以根据需求自行修改对应的参数等，代码如下： <template> <div class="container"> <div class="user-info"> <div class="id-inf 阅读全文

摘要：在项目中通常需要在页面中显示当前时间，具体代码如下所示： <template> <div class="container"> <div class="times"> <span>{{ hour }} : {{ minutes }}</span> <span style="font-size: 38 阅读全文

摘要：通过uni-app中当uni.navigateTo传的参数为object时，通过传递的不同参数，在显示单页面内通过v-if判断显示出对应的内容（可实现多页面效果） 起始页跳转到对应页面，并传递参数（object），如下图所示： <template> <div> <div class="item" v 阅读全文

摘要：在HBuilderX中新建了一个uni-app项目，然后选择了Hello uni-app模板进行测试编译，发现自己在pages目录下新建一个my-test文件夹后在此文件下进行编写测试，发现运行起来没有自己的测试文件，这是怎么回事？ 解决方案：(以下图为例) 因为是在别人写好的模板下添加，所以需要找 阅读全文

摘要：例：需要在下图“自定义日期”中使用日期选择器 <template> <div> <picker mode="date" @change="bindDateChange"> <div :class="timeIndex == 4 ? 'active-time' : ''">{{anyDate}}</d 阅读全文