精华内容
下载资源
问答
  • 2020-11-09 09:00:53

    场景:在vue后台管理端项目,需要实现从列表页面跳到详情页面,再从详情页面返回到列表时,列表页面保持跳转之前的状态。

    方案一:keep-alive

    实践证明,效果是实现了,但是带来了其他问题,会将其他页面的状态都缓存住,而我们只是想要缓存一级列表页面的。所以这方案 pass。

    方案二:mixins和vuex

    想法是写一个全局的方法,通过 mixins 混入,在需要的页面引进来,这样的话,就可以灵活实现该场景。当然,这里会把列表页面状态存到 vuex 里,在mixins中去调用缓存的状态。
    具体实现:

    // query.js
    export default{
      watch: {
        // 深度监听对象里的每个值的变化
        'searchParam': {  // 列表页面需要缓存的对象
          handler() {
            // 缓存搜索条件及当前路由的name
            this.$store.commit('CACHE_QUERY', this.searchParam)
            // 缓存当前页面路由名称
            this.$store.commit('CACHE_ROUTE_NAME', this.$route.name)
          },
          deep: true
        }
      },
      created() {
        this.tableParam.total = null
      },
      mounted() {
        this.parseQuery()
      },
      methods: {
        parseQuery() {
          // 存一份初始值,当路由名称不一样时,刷新页面
          if (this.$store.state.app.currentRouteName !== this.$route.name) {
            // this.searchParam = Object.assign({}, resetData)
            this.$store.commit('CACHE_TAB_INDEX', 'my')
          } else {
            // 将缓存在 vuex 中的搜索条件,和当前的搜索条件合在一起
            let query = Object.assign({}, this.$store.state.app.searchQuery)
            this.searchParam = {...this.searchParam, ...query}
          }
          // 如果使用了 el-tabs,那在这里先获取存在 vuex 里的 activeName 值,并改变选中项
          this.$parent.$parent.$parent.activeName = this.$parent.$parent.$parent.activeName && this.$store.state.app.currentTabIndex
        }
      }
    }
    

    需要注意的是这里的 searchParam 在每个列表页面都有,也就是说每个列表页面需要设置一个对应的 searchParam,它代表每个页面的搜索条件。
    再在需要使用的列表页面去使用:

    import queryList from '@/commons/mixins/query'
    
    export default {
        mixins: [queryList]
    }
    

    这样的话就达到了我们需要的效果,从二级返回到一级页面,一级页面保持跳转之前的状态。
    如果页面有重置按钮,那么在重置的方法里也要加上 this.tableParam.total = null

    公众号:Coder 杂谈,欢迎关注
    在这里插入图片描述

    更多相关内容
  •  这是由于,在微信小程序中app.json里面的路由填写顺序,如一般二级界面就写在一级界面的下面,千万别写在末尾。    解决方法:    在app.json的page路由按一级、二级的顺序向下排列显示。  解决方法如图: (此...
  • 基于stm32f103zet6,中景圆0.96寸oled显示屏7针SPI,4*4矩阵按键
  • 高级表格支持库|易语言皮肤支持库|扩展界面支持库|扩展界面支持库|扩展界面支持库五|操作系统界面功能支持库(PB版)
  • QT结构树界面设计,一级部门,二级部门,人员等;简简单单,图片路径格式改动了一下,可以根据需求自己修改。
  • 应用接口支持库|高级表格支持库|超文本浏览框支持库|扩展界面支持库|扩展界面支持库|jedi|操作系统界面功能支持库
  • 主要介绍了java实现的二级联动菜单效果,结合实例形式分析了java前台页面布局及与后台交互构造联动菜单的相关技巧,需要的朋友可以参考下
  • 一级倒立摆_GUI界面操作显示倒立摆动画,控制器控制输出,可配置PID控制_极点配置_线性二次型配置,matlab2021a
  • 为linux系统设计个简单的二级文件系统。要求做到以下几点: (1)可以实现下列几条命令(至少4条); login 用户登陆 dir 列文件目录 create 创建文件 delete 删除文件 open 打开文件 close 关闭文件 ...
  • 鉴于本游戏的核心内容为,由声音召唤出的召唤兽,并对召唤兽进行培养,选择玩家进行AR场景下声控的对战行为。分析后得出主要需要以下UI界面: ...并以游戏场景图作为背景图,充实登录页面的内容。 以

    鉴于本游戏的核心内容为,由声音召唤出的召唤兽,并对召唤兽进行培养,选择玩家进行AR场景下声控的对战行为。分析后得出主要需要以下UI界面:

    1、登录界面

    登录界面是玩家最先接触到的界面,需要能够直观地向玩家展示一些有关该游戏的信息。玩家可以从登录界面的画风中了解到整个游戏的风格。

    主要构成:标题、账号密码等需要交互的相关信息,登录与退出按钮。并以游戏场景图作为背景图,充实登录页面的内容。

    以下是示意图(只显示组件所在位置,并不具体化组件的细节)



    2、主界面

    主界面是该游戏最重要的一个界面,也是玩家长时间停留的界面,在主界面中,需要包含所有玩家经常会使用到的按钮或信息。

    首先需要一个玩家召唤兽的形象于界面的左侧,该形象为一个3d模型,并能对玩家的触碰起到一定的交互反馈,例如动作和语音。


    界面上下分别有两个金属边框,用于划分出图标所在的区域。图标主要分为两类:

    1)与游戏内容相关:

    人物:点击进入人物二级界面,可以查看相关角色信息,例如等级,用户名等。

    道具:点击进入道具二级界面,可以查看角色所拥有的道具。

    养成:点击进入养成二级界面,用于本游戏所拥有的养成系统,玩家可以在此处与召唤兽产生进一步的互动。

    战斗:点击进入战斗二级界面,玩家可在此查询战斗记录和发起对战。

    图鉴:点击进入图鉴二级界面,玩家可用于查看自己已解锁的召唤兽和道具图片。

    2)与游戏设置相关:

    设置:点击后可以弹出设置窗口,可以对游戏的声音,画面等进行设置。

    退出:点击后弹出退出窗口,选择退出或返回游戏界面。


    界面的中部,以游戏场景为背景。内容为游戏公告和玩法介绍,主要对玩家起到引导作用。


    界面的右部为好友列表,可以查看好友的信息,并且快捷发起对战。



    以上就是游戏一级页面的介绍,之后我将根据先有的框架,对游戏的二级页面进行分析,并完善一级页面的内容,绘制去具体的图标和UI组件,并应用于Unity。

    展开全文
  • A到B到C的这样一个页面...但是使用默认返回上一级(左上角的箭头机身自带的返回按键)时,直接跳 回到A界面,B界面消失掉了但是通过intentsetResult的方法可以正确回到B界面,请问这是为什么,要怎么改,谢谢!
  • 主要为大家介绍了纯CSS实现鼠标滑过显示子菜单的二级菜单效果,通过简单的css针对hover设置实现鼠标滑过显示二级菜单的功能,具有一定参考借鉴价值,需要的朋友可以参考下
  • 采用分层设计,整体总共分三级界面,一级界面是整体布局,二级界面是单个功能模块,三级界面是单个控件。 2. 子控件包括饼图+圆环图+曲线图+柱状图+柱状分组图+横向柱状图+横向柱状分组图+合格率控件+百分比控件+...

    Qt可视化大屏电子看板系统源码 1. 采用分层设计,整体总共分三级界面,一级界面是整体布局,二级界面是单个功能模块,三级界面是单个控件。

    2. 子控件包括饼图+圆环图+曲线图+柱状图+柱状分组图+横向柱状图+横向柱状分组图+合格率控件+百分比控件+进度控件+设备状态面板+表格数据+地图控件+视频控件等。
    3. 二级界面可以自由拖动悬浮,支持最小化最大化关闭,响应双击自定义标题栏。
    4. 数据源支持模拟数据(默认)、数据库采集、串口通信(需定制)、网络通信(需定制)、网络请求等,可自由设定每个子界面的采集间隔即数据刷新频率。
    5. 采用纯QWidget编写,亲测Qt4.6到Qt5.15任意版本,理论上支持后续其他Qt版本,亲测win+linux+mac+uos+kylin等系统,效果完美,同时还支持嵌入式linux比如树莓派、香橙派、全志、imx6等。
    6. 同时集成了自定义控件+qchart饼图+echart地图功能。
    7. 内置多套配色风格样式(紫色、蓝色、深蓝、黑色),默认紫色,支持任何分辨率。
    8. 可设置标题+目标分辨率+布局方案,启动立即应用。
    9. 可设置主背景颜色+面板颜色+十字线游标颜色。
    10. 可设置多条曲线颜色,没有设置颜色的情况下内置15套精美颜色随机应用。
    11. 可设置标题栏背景颜色+文字颜色。
    12. 可设置曲线图表背景颜色+文字颜色+网格颜色。
    13. 可设置正常颜色+警戒颜色+报警颜色+禁用颜色+百分比进度颜色。
    14. 可分别设置各种字体大小,比如全局+软件名称+标题栏+子标题栏+加粗标签等。
    15. 可设置标题栏高度+表头高度+行高度。
    16. 曲线支持游标+悬停高亮数据点和显示值,柱状图支持顶部(可设置顶端+上部+中间+底部)显示数据,全部自适应计算位置。
    17. 主界面直接鼠标右键切换布局+配色方案+关闭开启某个二级窗体。
    18. 自动记忆所有子窗口的大小和位置,下次启动立即应用。
    19. 动态加载布局方案菜单,可以动态新建布局、恢复布局、保存布局、另存布局等,用户可以制造任意布局。
    20. 二级窗体,双击从主窗体分离出来浮动,可以自由调整大小。再次双击标题栏最大化,再次双击还原,相当于子模块也可以全屏显示作为一个大屏,这样就可以一个大屏拓展出多个子大屏,放大查看子模块的数据详情。
    21. 每个模块都可以自定义采集速度,如果是数据库采集会自动排队处理,后期还可以拓展每个子模块都独立的数据库采集。
    22. 提供系统设置窗口进行整体的配置参数设置。
    23. 提供精美炫酷的大屏地图模块,包括静态图片+闪烁效果+迁徙效果+世界地图+区域地图等,可指定点的经纬度坐标,识别单击响应,可以做地图跳转等,每个点都可以不同的颜色和提示信息,功能超牛逼!
    24. 除了提供大屏系统外,还将每个模块都做了独立的模块示例界面,每个模块都可以独立学习使用,里面用到的控件也单独做了控件示例界面,方便学习每个控件如何使用,考虑着实周到!
    25. 超级详细的开发和使用手册,其中包括详细的数据库说明、模块对照图、控件对照图、项目结构代码说明、使用方法等!
    请添加图片描述
    请添加图片描述
    请添加图片描述

    展开全文
  • Android 界面菜单,支持二级分类显示,原型是个电脑配件耗材手机应用使用的菜单,可分类显示子菜单,对于Android应用程序来说,这种菜单是很基础的,有必要初学者学习哦。
  • 以为利用Pillow库一级一级加载在界面就完事了,没有想到用Frame控件的时候,第一级界面图片可以显示,但第二级界面就不显示图片了。查了下资料,说是“多个函数包含导致图片无法显示的问题,即(def(def(def)))多...

    以为利用Pillow库一级一级加载在界面就完事了,没有想到用Frame控件的时候,第一级界面图片可以显示,但第二级界面就不显示图片了。查了下资料,说是“多个函数包含导致图片无法显示的问题,即(def(def(def)))多函数包含问题”,正解是要把显示的图像变量设为全局变量去调用。
    解决办法如下:
    (程序裁剪了大部分,有点粗糙,但解决了二级图片加载不出来的问题,见谅😄)

    from tkinter import *   #需要安装tkinter库
    import tkinter.messagebox
    from PIL import Image, ImageTk
    
    #加载图片的函数
    photo = None **#设定一个全局变量!!!!**
    def show_photo(filename,x,y):
        photo_open = Image.open(filename) 
        global photo  
        photo = photo_open.resize((x , y))#图片尺寸
        photo = ImageTk.PhotoImage(photo)
        return photo
        
    #二级界面为购物界面
    def Online_Shopping():
        print('在线购物')
        main_frame.place_forget()
        second_frame = Frame(top)
        second_frame.place(relwidth=160,relheight= 2)
    
        #加载“可乐”图片
        img4 = show_photo("kele.png",69,108)
        Label(second_frame,text= '照片', image = img4).place(x= 70,y = 100 )
        Button4 = Button(second_frame,text = '可乐 2元',bg = 'white',font = ('黑体',12), width=13).place(x = 50,y = 230)
    
    top = Tk()
    top.title("无人超市")
    top.geometry('800x600')
    #一级界面
    main_frame = Frame(top)
    main_frame.place(relwidth=30,relheight= 2)
    #加载“在线购物”图片
    img1 = show_photo("12.png",150,150)
    Label(main_frame,text= '在线购物', image =img1).place(x= 90,y =180 )
     #“在线购物”按钮
    Button1 = Button(main_frame,text = '在线购物',bg = 'green',font = ('黑体',12),width = 15,height = 4,command = Online_Shopping)
    Button1.place(x= 100,y = 350)
    
    top.mainloop()
    

    效果如下:
    1.一级界面
    在这里插入图片描述
    2.二级界面
    在这里插入图片描述

    展开全文
  • 操作系统课程设计为LINUX设计个简单的二级文件系统java实现界面.pdf
  • Fusion App制作文章详细页二级页面

    千次阅读 2021-06-12 12:04:16
    这样有助于提高用户的整体体验,让交互更加的舒适流畅,现在每个APP几乎都是点击文章会出来个文章详情的二级界面。那么Fusion App套壳的网页怎么实现这种文章详细界面加载呢?我们依旧用哔哩哔哩的网站作为例子,...
  • 二级java 公共基础知识部分30分 专业语言部分 70分 Java语言程序设计 基本要求: 1. 掌握Java语言的特点,实现机制体系结构。 2. 掌握Java语言中面向对象的特性。 3. 掌握Java语言提供的数据类型结构。 4. 掌握...
  • css 实现动态二级菜单

    千次阅读 2021-06-14 01:14:54
    动态实现简单的二级菜单当鼠标放到一级标签上时,鼠标会变成小手的形状 展示二级菜单,源码如下,复制即可直接使用Document* {margin: 0; padding: 0;}ul { list-style: none;}div {width: 100%;height: 50px;...
  • python数据爬虫——如何爬取二级页面(三)

    万次阅读 多人点赞 2019-04-04 14:58:17
    前面两篇文章讲了单页面如何爬取,那么我们来试试如何爬取二级页面。...1、在一级页面中获取二级页面的链接 2、在二级二面中获取想要的数据。 这里我们会用到BeautifulSoup。 思路有了,那我们开始吧...
  • 最近有一些朋友反馈Win7...win7二级页面打不开解决方法:1、打开运行对话框,我们可以通过WIN R的快捷方式打开,然后在弹出的运行框中输入cmd字符。2、然后在DOS界面输入命令提示符,如下:for %1 in (%windir%\sy...
  • 项目需求,需要在项目里加入点餐的功能,自己简单写了个, 先看图,界面丑勿喷: 只是做了简单的效果,实现点击左边右边改变,滑动右边左边改变,代码量很少,可以参考下 这是项目目录: 布局文件 左边...
  • 三级界面跳转到一级界面的方法

    千次阅读 2016-01-12 17:00:37
    三级界面跳转到一级界面的方法,包括模态到指定控制器、导航控制器推到指定控制器
  • 实现省、市二级联动,当选择某省时,改省下面的市就会在另个下拉框显示出来,下面有个不错的示例,需要的朋友可以参考下
  • 倒立摆仿真模型的GUI控制界面-The GUI of double inverted pendulum simulation system.rar  这是我近几天做的个GUI界面,用于control the simulation model of the double inverted pendulum system.里面...
  • 界面界面
  • Ps-制作二级页面总结

    千次阅读 2019-05-18 15:36:23
    设计理念:想做个酒吧类型的后台网站的二级页面 设计完成后的展示图 设计过程 第步:先用矩形工具画个矩形,颜色:“#ffffff”,再给它个投影。我给它做了个“LOGO”。然后我在“LOGO”旁边用横排文字工具...
  • HTML5 CSS3 鼠标悬停动画展开的二级菜单,把你的鼠标放在菜单上,就可看到子菜单展开的动画效果了,十分好看漂亮。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 453,712
精华内容 181,484
关键字:

一级界面和二级界面图片