页面案例
文章平均质量分 54
米饭,℡
这个作者很懒,什么都没留下…
展开
-
【页面案例汇总】微信小程序粉丝关注列表页面
这个页面包括了一个顶部导航栏和一个关注列表,每个关注列表项包括了一个头像、昵称和简介。替换为你的粉丝关注列表数据。原创 2023-11-23 23:48:07 · 42 阅读 · 0 评论 -
【页面案例汇总】微信小程序考试通知页面
【页面案例汇总】微信小程序考试通知页面,包括了考试日期、时间、地点以及考试科目。原创 2023-11-07 00:29:39 · 43 阅读 · 0 评论 -
【页面案例汇总】微信小程序题型分类页面
这个页面展示了四个题型分类的图标和名称,用户点击某个分类后会跳转到该分类的详情页面。原创 2023-11-07 00:28:19 · 115 阅读 · 0 评论 -
【页面案例汇总】微信小程序分数排名页面
【页面案例汇总】微信小程序分数排名页面,包含了基本的页面布局和排序算法。可以根据自己的需求进行修改和完善。原创 2023-11-07 00:25:12 · 169 阅读 · 0 评论 -
【页面案例汇总】微信小程序答题记录页面
在主页面中进行答题时,可以在选项被选择时调用。方法,可以清空所有的答题记录。// 存储答题记录的数组。// 答案正确时添加记录。通过在答题记录页面调用。原创 2023-11-07 00:23:33 · 103 阅读 · 0 评论 -
【页面案例汇总】微信小程序答题历史页面
在上述示例中,我们展示了一个答题历史页面,包括一个总标题、一个显示历史记录的表格。如果历史记录为空,会展示一条文字提示。表格中包含5列数据:序号、题目、答案、是否正确和答题时间。答题时间使用了formatTime方法来将时间戳转换为标准格式。// 2021/1/1 00:00:00的时间戳。// 2021/1/2 00:00:00的时间戳。// 2021/1/3 00:00:00的时间戳。原创 2023-11-07 00:22:35 · 54 阅读 · 0 评论 -
【页面案例汇总】微信小程序答题页面
此示例中,我们定义了一个data()函数,其中包含所有问题,当前问题的索引,所选的选项索引和得分。我们还有一个计算属性,用于返回当前问题。我们还有一个nextQuestion()方法,用于将所选选项索引与问题答案进行比较,并将当前问题索引和所选选项索引重置为null。最后,我们为currentQuestionIndex添加了一个watcher,以便在我们完成所有问题时计算出最终得分。现在我们可以编译和运行我们的应用程序,以查看答题页面的外观和行为。这样,我们就可以从主页面导航到我们的答题页面。原创 2023-11-07 00:21:42 · 300 阅读 · 0 评论 -
【页面案例汇总】微信小程序题目详情页面
【页面案例汇总】微信小程序题目详情页面:这个页面假设有一个题目对象,包括题目的标题、描述、选项、正确答案的索引和答案解释。页面根据用户选择的答案显示不同的样式,维护了一些状态来跟踪用户的选择和是否显示答案。点击“Submit”按钮后,页面将检查选择是否正确,并在“Next”按钮下显示结果和解释。原创 2023-11-07 00:20:23 · 83 阅读 · 0 评论 -
【页面案例汇总】微信小程序题库页面
在这个页面中,我们展示了一个题目列表,每道题目有题目内容和题目类型两个信息。我们还添加了一个按钮,点击它可以跳转到添加题目的页面。点击题目列表中的某一项,可以跳转到题目详情页面并传递当前题目的索引。实际应用中需要根据具体业务需求进行修改。原创 2023-11-07 00:19:12 · 52 阅读 · 0 评论 -
【页面案例汇总】微信小程序考试成绩页面
在pages文件夹中创建ExamResult.vue文件。原创 2023-11-07 00:17:48 · 117 阅读 · 0 评论 -
【页面案例汇总】微信小程序考试倒计时页面
在这个示例中,我们通过获取当前时间和考试结束时间之间的时间差,并不断更新倒计时显示内容,实现了考试倒计时页面的功能。稍加修改,也可以适应其他倒计时应用的需求。在countdown目录下创建一个countdown.vue文件,用于编写考试倒计时页面的代码。在pages目录下创建一个countdown目录,用于存放考试倒计时页面相关的文件。// 获取并设置倒计时时间。// 销毁倒计时计时器。// 更新倒计时时间。原创 2023-11-06 22:43:05 · 163 阅读 · 0 评论 -
【页面案例汇总】微信小程序考试规则页面
这个页面使用了基本的 uniapp 模板语法进行编写,使用了 view 和 template 标签的嵌套,以及 CSS 样式进行美化。页面分为三个部分,分别是标题部分、内容部分和规则条目。在规则条目中列出了考试时间、考试规定和考试安排等内容。微信小程序考试规则页面。原创 2023-11-06 22:35:32 · 46 阅读 · 0 评论 -
【页面案例汇总】微信小程序考试信息页面
在`pages`文件夹下创建`exam`文件夹,并在其中添加`exam.vue`组件原创 2023-11-06 22:33:59 · 33 阅读 · 0 评论 -
使用uniapp写一个页面中间的弹窗
用uniapp写一个页面中间的弹窗,这个弹出层动画中,我们使用了一个 `popup-container` 元素作为弹窗的容器。这个元素默认是隐藏的,只有当用户点击弹出层的按钮时才会从中间弹出。同时,我们还使用了一个遮罩层 `mask` 来遮挡页面,使用户无法进行其他操作。当弹出层关闭时,遮罩层也会自动关闭。原创 2023-07-19 23:02:18 · 539 阅读 · 0 评论 -
【页面案例汇总】微信小程序失物招领分类页
【页面案例汇总】微信小程序失物招领分类页原创 2023-06-21 18:12:44 · 89 阅读 · 0 评论 -
【页面案例汇总】微信小程序计算器功能页面
【页面案例汇总】微信小程序计算器功能页面原创 2023-06-21 09:56:16 · 334 阅读 · 0 评论 -
【页面案例汇总】微信小程序物品回收页面
【页面案例汇总】微信小程序物品回收页面原创 2023-06-21 09:53:06 · 169 阅读 · 1 评论 -
【页面案例汇总】微信小程序排队叫号页面
【页面案例汇总】微信小程序排队叫号页面原创 2023-06-21 09:51:33 · 845 阅读 · 1 评论 -
【页面案例汇总】交友app小程序页面
【页面案例汇总】交友app小程序页面原创 2023-06-21 09:42:49 · 52 阅读 · 0 评论 -
【页面案例汇总】刷题uni-app小程序页面
【页面案例汇总】刷题uni-app小程序页面原创 2023-06-21 09:38:31 · 162 阅读 · 0 评论 -
【页面案例汇总】微信小程序个人信息管理页面
【页面案例汇总】微信小程序个人信息管理页面原创 2023-06-21 09:33:16 · 1477 阅读 · 1 评论 -
【页面案例汇总】微信小程序个人中心页面
【页面案例汇总】微信小程序个人中心页面原创 2023-06-21 09:16:47 · 2172 阅读 · 0 评论 -
【页面案例汇总】轮播图uni-app微信小程序页面
可以通过给uni-swiper组件设置不同的属性值来控制轮播图的效果,比如indicator-dots设置为true,则会显示轮播图下方的小圆点来展示当前轮播图的位置;autoplay设置为true则表示开启自动循环轮播。在示例代码中,我们将轮播图的图片放在了静态资源目录static/img/下。当然你也可以存放在其他地方,并在image标签的src属性中指定图片地址。到这里我们就完成了一个简单的轮播图展示。当然,你还可以根据需要自定义轮播图的样式和效果。原创 2023-05-28 17:43:10 · 433 阅读 · 0 评论 -
【页面案例汇总】新闻资讯类uni-app微信小程序页面
【代码】【页面案例汇总】新闻资讯类uni-app微信小程序页面。原创 2023-05-30 15:34:06 · 564 阅读 · 0 评论