vuejs导航栏

HarmonyOS NEXT仓颉开发语言实战案例：动态广场

大家好，今日要分享的是使用仓颉语言开发动态广场页面，也比较像朋友圈页面：整个页面分为两部分，分别是导航栏和状态列表，导航栏比较简单，我们可以先写下导航栏的具体代码和页面的基本结构：Column{Row(
幽蓝计划·2025-06-29 12:26

告别UI烦恼，效率飙升！Android UI宝藏库深度解析，让你的APP瞬间惊艳

每次新项目，那些经典的加载动画、弹窗、导航栏，是不是都要从头开始写，或者在旧项目中翻箱倒柜？UI丑陋，缺乏美感？
wylee·2025-06-29 09:35

微信小程序 / UNIAPP --- 阻止小程序返回（顶部导航栏返回、左 / 右滑手势、安卓物理返回键和调用 navigateBack 接口）

目录理解page-container的原理设置禁止点击遮盖层关闭？阻止左滑返回理解page-container的原理page-container组件的所有属性，最重要的是show值。在页面上引入这个组件后，若show值为true，页面上所有各种方式触发的返回操作都会被这个组件所拦截，然后自动将值置为false。当值为false后，这个组件就没有作用了，但是我们可以重新赋值，就能让它重新恢复拦截。在
前端 贾公子·2025-06-29 00:30

《Vuejs设计与实现》第 12 章（组件实现原理 上）

目录12.1组件的渲染12.2组件状态与自更新12.3组件实例与生命周期2.4Props与组件被动更新在上一章节，我们详细探讨了渲染器的基本概念和实现方式，它的主要作用是将虚拟DOM渲染为真实DOM。然而，当我们处理复杂页面时，虚拟DOM描述页面结构的代码量可能会剧增，导致页面模板臃肿。为此，我们引入了组件化的概念，通过组件，我们可以将大型页面划分为多个模块，每个模块都独立为一个组件，最终组成完整
前端 贾公子·2025-06-29 00:27

HarmonyOS NEXT仓颉开发语言实战案例：简约音乐播放页

整个页面分为上中下三个部分，顶部为导航栏，底部是歌词工具栏，剩下的就是中间的歌曲信息和控制按钮部分。它们的部分方式是比较简单的纵向布局。
幽蓝计划·2025-06-28 15:52

Vue SPA 路由跳转无法回到顶部问题排查与解决

VueSPA路由跳转无法回到顶部问题排查与解决1.问题现象描述在使用Vue3+VueRouter4开发单页应用（SPA）时，遇到如下问题：点击导航栏或页脚的路由跳转后，页面没有自动回到顶部。
浪裡遊·2025-06-28 12:03

【Qt-windows】如何使用perfmon 具体分析windows serverR2的Qt程序CPU问题

二、创建自定义数据收集器集步骤如下：在左侧导航栏点击“数据收集器集”→“用户定义”。右键选择“新建”→“数据收集器
漫步企鹅·2025-06-27 08:57

Web前端页面开发阿拉伯语种适配指南

不仅要考虑文本的显示方向，还需对按钮、导航栏、表单等各类UI元素的布局进行重新规划，这给开发带来了独特的挑战（折磨）。
冲浪的鹏多多·2025-06-26 10:58

rapidjson 打包过程插入对象

RawValue其实是一个通用打包方法，一般情况我们都调用的是String()、Int()等方法，解决了使用rapidjson的最后一个屏障把json对象转换为字符串，官方文档已经给出例子，如下在官方文档导航栏
rollingman·2025-06-25 17:58

《仿盒马》app开发技术分享-- 分类模块顶部导航列表弹窗（16）

技术栈Appgalleryconnect开发准备上一节我们实现了分类页面的顶部导航栏列表，并且实现了首页金刚区跟首页导航栏的联动，这一节我们实现导航栏列表的弹窗功能，需要学习的知识点有自定义弹窗，同时我们的数据源需要跟分类页保持一一致
·2025-06-24 17:25

HarmonyOS NEXT 弹性布局详解：Flex布局完全指南

Flex容器与项目主轴与交叉轴核心属性1.flexDirection2.justifyContent3.alignItems4.flexWrap5.flex权重常见布局场景1.等分布局2.居中布局3.自适应导航栏
是稻香啊·2025-06-24 16:22

10个受欢迎的wordpress外贸主题

以下是该模板的主要特点：设计风格简洁大气：首页设计简洁明了，顶部导航栏清晰展示网站主要栏目，包括首页、关于我们、新闻、产品、案例、页面和联系方式。
wodrpress资源分享·2025-06-23 09:30

精选的CSS开发案例集合，涵盖布局、动画、交互效果等常见应用场景，结合前沿实现方案整理而成

以下是精选的CSS开发案例集合，涵盖布局、动画、交互效果等常见应用场景，结合前沿实现方案整理而成：️一、响应式布局案例导航栏适配方案‌移动端汉堡菜单+PC端横排导航切换关键代码：cssCopyCode@
·2025-06-23 03:57

Qstackwidget研究

stackqidget是将多个界面重叠在一块，根据选择显示想要的界面，里面放的都是qwidget页面（qwidget*），很容易理解接下来就是初步的尝试我们设定左边有一个导航栏都是按钮，用一个groupbox
六bring个六·2025-06-23 02:35

迅为RK3568开发板Dev-Eco studio 的界面布局-导航栏-代码编辑区

代码编辑区如下图所示，在这里可以修改代码以及切换显示的文件。代码编辑区以下几个常用使用操作。文件标签，展示编辑的文件名点击文件名，可以切换编译的文件。点击文件名后面的x按钮关闭文件代码前显示行号+-按钮可以按照模块折叠代码。ctrl+鼠标滚轮放大或者缩小代码字体。按住鼠标左键，拖动文件，可以分屏展示。
mucheni·2025-06-22 09:48

迅为RK3568开发板Dev-Eco studio 的界面布局-导航栏-代码编辑区

代码编辑区如下图所示，在这里可以修改代码以及切换显示的文件。代码编辑区以下几个常用使用操作。文件标签，展示编辑的文件名点击文件名，可以切换编译的文件。点击文件名后面的x按钮关闭文件代码前显示行号+-按钮可以按照模块折叠代码。ctrl+鼠标滚轮放大或者缩小代码字体。按住鼠标左键，拖动文件，可以分屏展示。
mucheni·2025-06-22 09:48

uni-app项目实战笔记17--获取系统信息getSystemInfo状态栏和胶囊按钮

接着上一篇笔记，在添加头部导航栏后，H5显示正常：但在微信小程序中，由于刘海屏的存在，添加的头部导航栏跟状态栏重叠在一起：因此需要获取状态栏的高度以便状态栏和导航栏错开不重叠在一起。
moxiaoran5753·2025-06-21 13:06

Android SystemUI——基础简介（一）

它是Android设备上的一个关键组件，管理着屏幕顶部的状态栏（显示时间、信号强度、电池电量等）、屏幕底部的导航栏（返回、主页、最近的应用程序等按钮）、锁屏界面以及各种系统级别的交互和动画效果。
c小旭·2025-06-20 20:47

在UniApp中实现滚动时导航栏渐显固定效果

由于有时候UI出图很丰富,根本没有固定的导航栏,但是又要实现滚动页面有固定导航栏,还是渐渐显示的效果我的导航栏exportdefault{data(){return{navbarOpacity:0,//
时无诳语Imp·2025-06-20 19:14

uni-app项目实战笔记16--实现头部导航栏效果

先来看效果：要求：顶部导航栏要始终固定在上方，不随页面上下拖动而消失。
moxiaoran5753·2025-06-20 19:40

uniapp下拉渐显自定义导航栏

通过自定义导航栏实现：导航栏往下滑动exportdefault{data(){return{h:uni.getSystemInfoSync().statusBarHeight+45,opacity:0}
是小张呀！·2025-06-20 04:28

uniapp导航栏随页面滚动淡出显示隐藏效果

213import{ref}from"vue";import{onLoad,onPageScroll}from"@dcloudio/uni-app";importnavbarfrom"@/uni_modules/uview-plus/components/u-navbar/u-navbar.vue";conststatusBarHeight=ref(0);constnavHeight=ref(0)
ekilito·2025-06-20 04:57

解决uniapp中video层级过高遮挡问题的终极方案

层级过高遮挡问题的终极方案去发现同类优质开源项目:https://gitcode.com/项目介绍在开发uniapp应用时，开发者常常会遇到一个棘手的问题：video组件的层级过高，导致其在页面滑动时遮挡顶部导航栏
段鸿才·2025-06-20 03:51

鸿蒙Next仓颉语言开发实战教程：设置页面

仓颉语言商城应用的页面开发教程接近尾声了，今天要分享的是设置页面：导航栏还是老样式，介绍过很多次了，今天不再赘述。这个页面的内容主要还是介绍List容器的使用。
幽蓝计划·2025-06-17 09:42

鸿蒙Next仓颉语言开发实战教程：消息列表

这个页面的导航栏和之前有所不同，不过难度并没有增加，只是标题移到了左边，我们使用两端对齐方式就能实现，导航栏部分的具体代码如下：Row(8){Text('消息').fontSize(16).fontColor
幽蓝计划·2025-06-17 08:38

uniapp h5的底部高度问题

那么页面就会出现滚动条https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%E9%87%8F那是因为tabbar(由于在H5端，不存在原生导航栏和
走，带你去玩·2025-06-17 05:15

鸿蒙Next仓颉语言开发实战教程：设置页面

仓颉语言商城应用的页面开发教程接近尾声了，今天要分享的是设置页面：导航栏还是老样式，介绍过很多次了，今天不再赘述。这个页面的内容主要还是介绍List容器的使用。
·2025-06-15 23:05

制作一个简单HTML旅游网站（HTML+CSS+JS）无锡旅游网页设计与实现8个页面

‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏
IT黑马程序员·2025-06-15 11:37

VUE常用UI组件插件及框架

UI组件及框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material
ctf_0226·2025-06-15 04:21

Vant：打造优雅高效的移动端组件库

文章目录前言一、Vant概述二、设计理念三、核心特性四、安装与使用1.安装Vant2.全局引入3.按需引入五、组件详解1.按钮组件（Button）2.轮播图组件（Swipe）3.导航栏组件（NavBar
·2025-06-15 01:33

Quasar目录结构 MainLayout.vue详解

：区域总是可见小写：区域可以隐藏（如通过抽屉）h：header（顶部栏）f：footer（底部栏）l：leftdrawer（左侧抽屉）r：RightDrawer（右侧抽屉）2.QHeader组件(顶部导航栏
HCl+NaOH＝NaCl+H_2O·2025-06-13 11:45

视频监控系统的Qt/C++实现：四种界面导航栏设计

视频监控系统的Qt/C++实现：四种界面导航栏设计介绍在现代视频监控系统中，用户界面的易用性和直观性是关键因素。本文将介绍四种不同类型的界面导航栏设计，通过Qt和C++实现。
鱼弦·2025-06-12 06:12

Vue.js 中的 v-bind 指令详解

一、基础语法二、核心功能动态绑定普通属性链接data(){return{url:'https://vuejs.org',imagePath:'/logo.png'}}绑定class和styleVue对这两个属性做了特殊增强
步行cgn·2025-06-12 01:43

Vue:组件

例如一个按钮组件，一个导航栏组件，一个模态框组件。组件的基本使用组件注册importComponentAfrom'.
虚拟系别·2025-06-12 00:06

鸿蒙Next仓颉语言开发实战教程：订单列表

首先来分析一下这个页面，它分为三大部分，分别是导航栏、订单类型和订单列表部分。
·2025-06-11 19:19

HarmonyOS开发秘籍：Tabs组件打造炫酷底部页签

：搭建开发舞台四、基础用法：迈出第一步（一）简单示例初体验（二）组件结构大揭秘五、属性设置：定制专属风格（一）导航位置随心变（二）禁用滑动巧处理（三）动画时长妙调整六、高级技巧：提升用户体验（一）滚动导航栏
大雨淅淅·2025-06-10 23:36

快速搭建一个vue前端工程

vue官网：https://cn.vuejs.org/全局安装@vue/cli（仅第一次搭建环境时执行）npminstall-g@vue/cli检查是否安装成功vue--version三、创建vue项目进入到你想要
是烟花哈·2025-06-10 21:19

微信小程序之底部导航栏——tabBar

而一般来说，总是避免不了导航栏的。比较大众化的，就是底部导航栏啦，而实现的方式也是非常的多，如：Fragment+ViewPageOr来一个RadioGr
小猴紫啊·2025-06-10 14:28

iOS 抖音导航栏首页一键分两列功能的实现

要实现iOS抖音首页导航栏的“一键分两列”功能（通常指将单列内容切换为双列瀑布流布局），需结合自定义导航栏控件与布局动态切换逻辑。
I烟雨云渊T·2025-06-09 07:57

使用Vite构建Vue3项目，对路由Vue Router 4.x的设置

Vue3官网：https://v3.cn.vuejs.org/Vite官网：https://cn.vitejs.dev/VueRouter官网：https://next.router.vuejs.org
夏日米米茶·2025-06-09 04:07

Redux：不可变数据与纯函数的艺术

想象一个电商平台，购物车状态需要在商品列表、导航栏计数器和结算页面之间共享，这种跨组件的状态共享会导致：状态追踪困难：当多个组件可以修改同一状态时，很难确定状态变化的来源调试复杂度增加：状态变化路
BitCat·2025-06-08 19:02

鸿蒙仓颉语言开发实战教程：商城应用个人中心页面

可以看出它是纵向的布局，整个页面由导航栏、个人资料、vip横条和我的订单几部分构成。导航栏我们遇到过很多次了，需要注意的地方就是让标题居中，返回图标靠左。
·2025-06-07 19:23

HTML+CSS大作业：简易购物网站（4页）

html作业中高水平制作，适用于有一定基础的同学，页面排版干净，固定导航栏加上轮播图，采用了html+css来实现布局，在登录界面用了一小段js来作为输入框的判断，非常适合想要突破技术的同学学习使用,这个实例比较全面
奥利奥ala·2025-06-07 16:54

《HarmonyOSNext超神路由指南：组件级导航+智能多端适配+动态路由黑科技全解析》

✨核心价值提炼：三合一布局模式：单栏/分栏/自适应自由切换跨包跳转黑科技：组件级路由丝滑转场多端适配神器：自动响应屏幕尺寸变化导航栏DIY：标题/菜单/工具栏随心配一、Navigation初体验组件
·2025-06-07 15:48

鸿蒙开发实践案例分析——管理应用窗口（FA模型）

5️⃣记录一场鸿蒙开发岗位面试经历~6️⃣持续更新中……基本概念窗口沉浸式能力：指对状态栏、导航栏等系统窗口进行控制，减少状态栏导航
旭旭66·2025-06-06 21:44

鸿蒙仓颉语言开发实战教程：购物车页面

这个页面一共分为三部分，分别是导航栏、购物车列表和底部的结算栏。
幽蓝计划·2025-06-06 21:12

鸿蒙OS&UniApp导航栏组件开发：打造清新简约的用户界面#三方框架 #Uniapp

UniApp开发实战：打造符合鸿蒙设计风格的日历活动安排组件在移动应用开发中，日历和活动安排是非常常见的需求。本文将详细介绍如何使用UniApp框架开发一个优雅的日历活动安排组件，并融入鸿蒙系统的设计理念，实现一个既美观又实用的功能模块。设计理念在开发这个组件之前，我们需要深入理解鸿蒙系统的设计哲学。鸿蒙系统强调"自然、流畅、统一"的设计原则，这些特点将贯穿我们的整个组件实现过程：自然：日历的切换
·2025-06-06 02:08

改进自己的图片 app

完整项目，见：这里4.结论+todo增加一个顶部导航栏，增加上传图片，我写过，只是需要拼接起来。请求的顺序，如何改为随机。即刷新前端页面，后端的图片顺序也是重新修改了。希望对大家有帮助。
waterHBO·2025-06-05 05:39

解决Vue3+uni-app导航栏高亮自动同步方案

路由跳转自动识别导航高亮实现方法以下代码使用wd-tabbar组件实现路由跳转时自动同步导航栏高亮状态，适用于所有的Vue3+uni-app项目。
一条小仔仔·2025-06-04 12:28

灵动相册，助力教学：在线教学场景的图片管理利器——仙盟引渡仙君-智能编程——仙盟创梦IDE

主要功能界面布局左侧垂直导航栏，显示教学分类列表右侧主区域展示当前
未来之窗软件服务·2025-06-03 14:48
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他