首页 > 其他分享 >uniapp-1记

uniapp-1记

时间:2023-11-05 11:34:23浏览次数:36  
标签:uniapp 列式 切换 点餐 某支 上面

image

《Vue.js 核心技术解析 与 uni-app 跨平台实战开发》

这本书听、读了2天,收获一般,所以我打算从兴趣点入手。

上面截取了某游戏社交平台的应用操作界面,可以看到它使用的双导航,即在上方有一排:
(推荐、影帝赠礼、新闻、更新、活动),默认推荐,而其实这上面这一排也仅仅对应着
下面的tabBar的第一个“资讯”,而其他tabBar则没有上面这排了。也就是说子子分类的排版
其实这样看起来也不违和。

image
上面这个是来自某点单平台的应用截图,可以看到它使用了双导航,即上面为:
(点餐、评价、商家),而同样的,下面列式的餐品分类也只对应着“点餐”这一个横向Tab选项。
同时发现,在点击某个列式分类之后,头部的信息移除(即顶部锚点切换到了横向Tab选项这里)。
这样的布局也可以,但是感觉一下切换过来有点恍惚(用户可能会感觉到过快的切换),所以我
感觉这里的切换应该可以用0.5秒左右来过渡最好。

虽然不清楚这个来自某支 * 宝app内的点餐平台小程序是否是某支 * 宝团队给设计的,前几天看、听
《产品经理从入门到精通》时,听说某支 * 宝团队的产品经理细分得比较严重,一个 * 宝产品各个产品
经理的设计都不太一样,所以造成了某 * 宝内用户比较能明显体验出来是多个设计思路拼合的感觉。
(不过我距今也只用过几个功能,没有太多的评价)。

好了,下载了uniapp官方的教程,以及开始做中午饭,下午继续学习。

标签:uniapp,列式,切换,点餐,某支,上面
From: https://www.cnblogs.com/ukzq/p/17810344.html

相关文章

  • uniApp 仿微信下拉菜单
    uniApp仿微信下拉菜单手指长按事件longpress@longpress="longpress(index,$event)"下拉菜单 <!--长按的下拉菜单--> <viewclass="jh-w-200jh-h-60-minjh-dropDownMenujh-shadow-greyjh-bg-whitejh-solid" :id="'dropDownMenu&#......
  • uniapp微信小程序表单输入框上移事件
    一、问题uniapp制作的微信小程序表单,在使用真机调试时,点击输入框输入内容时,出现输入框上移的情况二、找原因窗体高度固定,导致软键盘弹出时输入框上移三、解决办法1、uniapp官网关于软键盘弹出问题的解决方法在pages.json中配置的写输入框表单的 style"app-plus":{"......
  • uniapp小程序小bug,扫码进入小程序场景值为1001的情况之一。
    首先,这个问题原因是这样的用户第一次扫码进入小程序在app.vue的onLaunch下拿不到optiond的query对象的值场景值为1001,按照正常来说扫码进来应该是1047。排查原因只有用户在打开小程序的情况下没有杀掉进程只是切换页面到微信主页进行扫码进入小程序,结果就会出现扫码进入小程序的......
  • uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
    异常描述:首页有轮播、广告位、瀑布流商品列表,但是使用了原生组件waterfall的商品列表后边出现了大面积空白。解决方法:将waterfall放到父容器下边或者直接放到template下边作为父容器,给父容器设置高度设置为窗口高度,除瀑布流展示的列表外,其他的组件都放在中即可。<template>......
  • uniapp做app跳转小程序支付功能
    1.app里面代码app向小程序路径传参的时候,如果太长或者是里面有特殊符号建议先使用编码然后再小程序端解码实现传送(编码代码如下)encodeURIComponent(JSON.stringify(params))//编码JSON.parse(decodeURIComponent(option.params))//解码  plus.share.getServices((s)=>......
  • uniapp小程序所遇到的bug
    最近小程序添加好多条条框框的规矩比如1、登录的时候要弹出隐私规则的弹窗2、要使用的api涉及到隐私的一定要在隐私规则里配置,在微信公众平台的设置里,更新隐私规则3、.如果涉及到手机号登录的小程序,则需要有游客模式,就是不可以在登录的时候向用户获取手机号,要在具体功能的前面......
  • uniapp app横屏竖屏问题导致样式紊乱
    最近做了一个点击签名然后要让app自动横屏的功能,此功能难点在于退出横屏的时候,会导致竖屏的页面紊乱。首先如果要让app横屏,要先在manifest.json的源码视图app-plus里添加"flexible":true,表示app可以横竖切换然后在想要横屏的页面里加上onShow(){         uni.sh......
  • uniapp-ucloud 数据库里面添加记录
    要保持本地跟云端的表一致。同步。还有设置权限constdb=uniCloud.database()constjiemengCollection=db.collection('jiemeng') for(constrowofdata){ console.log(row) try{ jiemengCollection.add(row) }catch(e){ ......
  • uniapp 动态修改顶部导航栏右侧按钮 titleNView(APP-PLUS、H5)
    1<script>2exportdefault{3onReady(){4//已渲染5varpages=getCurrentPages();6varpage=pages[pages.length-1];78//#ifdefH59document.querySelector('.uni-page-head-ft.uni-......
  • uniapp 打包缺陷
    uniapp打包时候会把所有用到的公共组件和公共封装打包到一起,在首页直接加载,这样会严重影响首屏的显示速度目前没有找到好的最小化分离首屏依赖的打包方式考虑可行的方案1.写一个webpack插件,通过分析指定模块的依赖,将模块和模块依赖分别打包2.深入webpack配置,看......