uni-app仿小米
乐天_米豆
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
点击原生搜索按钮,展示搜索页
页面效果点击筛选 显示抽屉页面。页面代码:顶部的排序|筛选按钮item.status 为0时为没有选中状态 第一次点击为1升序排序 第二次点击时为2 降序排序引入uni抽屉组件import uniDrawer from "@/components/uni-ui/uni-drawer/uni-drawer.vue"在组件设置显示大小 zcmRadioGroup 单选按钮组件 传值接收传值...原创 2020-05-11 06:06:36 · 460 阅读 · 0 评论 -
搜索页面搜索记录的实现
引入官方的组件uni-list-item 即依赖组件修改uni-list-item样式原创 2020-05-09 06:44:11 · 548 阅读 · 0 评论 -
card组件再次封装
通过计算属性判断是否显示下边线 是否给body加padding<template> <view class="card"> <!-- head --> <view v-if="showhead" class="p-2 main-border-color" :class="getHeadClass"> <slot name="title"> <text v-if="headTitle" class="font-原创 2020-05-09 06:44:26 · 374 阅读 · 0 评论 -
搜索页面随机颜色按钮
上面搜索框 和搜索按钮定义的位置 在pages.json中定义。在index.nvue定义点击搜索框事件 跳转到serach.vue页面。随机颜色按钮组件封装组件colorTag引入组件原创 2020-05-09 06:44:49 · 268 阅读 · 0 评论 -
index.nvue 横向滚动顶部选项卡
22原创 2020-05-08 06:31:42 · 1066 阅读 · 0 评论 -
index.nvue 价格显示
正常页面 异常页面造成的原因是在nvue页面中 text标签换行造成的。原创 2020-05-07 08:09:03 · 244 阅读 · 0 评论 -
nuve页面封装onshow事件
// 获取当前窗口对象const currentWebview = plus.webview.currentWebview(); created() { // 监听当前窗口显示 currentWebview.addEventListener('show',e=>{ console.log('indexShow') }) }, beforeDestroy(...原创 2020-05-07 06:33:49 · 716 阅读 · 0 评论 -
nvue頁面轮播图组件封装
利用week 的slider组件官网地址:https://weex.apache.org/zh/docs/components/slider.html#vue-%E7%A4%BA%E4%BE%8B在index.nveu页面在sum-slider.nvue 页面原创 2020-05-06 07:03:27 · 765 阅读 · 6 评论 -
nvue使用uni-app接口--侧重 调用原生的按钮的输入框
在index.nvue頁面原创 2020-05-06 06:19:51 · 843 阅读 · 0 评论 -
vue 和 nvue 共享的变量和数据
官方链接:在nuve页面 在其他页面即可利用这个存储 在App.vue页面定义 在nvue 页面或vue页面 num是任意值获取值 onLoad 和 onShow 的区别:onLoad只执行一次 onShow当前页面显示就执行...原创 2020-05-06 06:05:13 · 1049 阅读 · 0 评论 -
nvue 和vue通讯方式(二)
官方链接:https://uniapp.dcloud.io/use-weex?id=vue-%e5%90%91-nvue-%e9%80%9a%e8%ae%af%ef%bc%88%e5%b7%b2%e8%bf%87%e6%9c%9f%ef%bc%8c%e6%8e%a8%e8%8d%90%e4%bd%bf%e7%94%a8%e4%b8%8a%e9%9d%a2%e7%9a%84union%e3%8...原创 2020-05-05 16:33:46 · 1152 阅读 · 1 评论 -
nvue 和vue之间的通讯方式
例子:在nvue页面定义方法:建议发送数据为对象在App.vue页面写将接收原创 2020-05-05 15:19:47 · 3017 阅读 · 0 评论 -
App nvue专用组件
介绍<list> 组件是提供垂直列表功能的核心组件,拥有平滑的滚动和高效的内存管理,非常适合用于长列表的展示。最简单的使用方法是在 <list> 标签内使用一组由简单数组循环生成的 <cell> 标签填充。下拉刷新上拉加载CSS注意事项...原创 2020-05-05 14:55:27 · 3486 阅读 · 0 评论 -
uni-app仿小米--上拉加载更多
添加下拉提示文字增加下拉触底事件添加方法原创 2020-05-05 12:50:47 · 301 阅读 · 0 评论
分享