- 博客(23)
- 收藏
- 关注
RSS订阅原创 今天给你大家分享-沉浸式状态栏
我们在做鸿蒙项目的时候尤其是做商城类项目的时，会遇到，当我滑动屏幕的时候，状态栏要变成白色获取透明，同时搜索框也跟着变化。就比如上面的这种功能，那么这功能应该怎么做呢？根据上面的步骤我们就可以实现状态栏的滑动变化了。话不多说 我们线上代码。
2025-09-08 11:23:06
186
原创 鸿蒙头部封装代码可以直接使用
该代码实现了一个ArkUI导航栏组件HcNavBar，具有以下特性：1.支持自定义标题文字；2.可配置是否显示底部边框；3.左右两侧支持图标自定义，默认左侧为返回按钮（触发路由回退），右侧为更多图标；4.可通过参数控制右侧图标显示与否；5.自适应顶部安全区域高度。组件采用Row布局，包含标题居中显示和图标点击交互功能，封装完善可直接调用。示例展示了两种调用方式，分别设置不同标题和左侧图标资源。
2025-08-28 12:00:00
140
原创 今天用鸿蒙代码封装一个设置页的通用代码
先用@Builder进行代码封装好，那么我们使用的时候就可以直接去使用了。那么我们这个时候就生成了一个封装好的设置页。
2025-08-27 17:13:47
172
原创 Vue中插槽的理解
首先是匿名插槽:官方定义是子组件在模版中保留一个位置，让父组件可以插入内容。定义:带有名称的插槽，用于接收父组件中明确指定插槽的名称我们叫做具名插槽。下面让我们来看一下两者有什么不同点和相同点。我们看一下在父组件是怎么样使用的呢？实现了头部-内容-按钮的定制分发。首先来看一下子组件里面的代码。在来看一下父组件中的使用吧。这就是我们匿名插槽的使用。下面我们来看一下具名插槽。下面我们来看一下效果。
2024-10-10 20:59:58
240
原创 鸿蒙中一键获取当前位置
我们在做功能的时候经常会遇到获取位置的功能那么今天小编和大家详细聊一下。2，当我们按钮显示出来的时候 我们在给按钮注册点击事件。那么这个功能这么做呢？话不多说 先上官方链接。这三个属性我们看看官方文档是怎么说的吧。1,我们先来获取位置图标。// 获取详细地址位置。
2024-09-22 21:14:08
558
原创 鸿蒙中封装dialog，代码复制进去直接使用
我们在做项目的时候dialog，这样的加载效果，肯定是少不了的，小编为大家封装了一个dialog，有需要的大家自取。这个时候我们只要在发送接口的时候去使用进行。在需要的地方直接引用就行--引用。先封装一个加载效的函数。我们可以看一下效果图。话不多说直接上代码。
2024-08-30 18:18:02
446
原创 鸿蒙中显式动画animateTo和animation
animateTo({ duration: 2000 }, () => { // 这个可以包在点击事情里面。x: this.translateX, // 根据x轴去平移模态框。然后再根据x和Y轴 去平移模态框，在设置动画属性animation。duration: 2000, //动画的时长。duration: 2000, //动画的时长。我这里用的是两种属性，可以更直观的看出两种属性的差距。我这里首先用的是层叠布局先搭好架子。下面我们来看一下代码是怎么样做的。下面是点击头像显示模态框。
2024-07-25 21:53:41
1123
1
原创 鸿蒙中如何自定义tabBar-自定义外观
我这里使用的 onChange （这里需要注意的点是根据index去寻找下标根据下标去做高亮）我这里定义了一个变量去保存我们获取到的下标。在项目中我们经常会遇到这些的需求。那么怎么样去自定义他们的属性呢？首先我们的先学两个属性。通过index去做判断。我们可以打印一下下标。这样我们高亮效果就s。
2024-07-23 22:20:59
382
原创 鸿蒙层叠布局
用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。层叠布局通过 Stack 容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。层叠布局具有较强的页面层叠、位置定位能力，其使用场景有广告、卡片层叠效果等。子元素被约束在Stack下，进行自己的样式定义以及排列。场景一般作用在美团 饿了吗等软件用的多一点。
2024-07-14 23:26:33
345
原创 鸿蒙中布局详细解析
首先线性布局是开发中最常用的布局，通过线性容器Row 和column 构建，column容器内子元素按照垂直方向排列，row 容器内子元素按照水平方向排列，根据不同的排列方向，大家可以自行选择。属性是：justifyContent() 参数 FlexAlign 下面是一些属性大家可以看看。布局大概就说这些 ，这些是简单的布局 后面会为大家继续更新其他的布局。如果要设置他们之间的间距 可以用。今天主要和大家讲一下鸿蒙中。下面我们在来看看布局对齐方式。column垂直方向排列。
2024-07-11 16:03:48
248
原创 鸿蒙中边框属性是怎么样设置
首先设置圆角的属性是 borderRadius 但是里面有一些参数也可以写数值。其他的三种我不说大家都知道 我们重点说一下最后一种。今天为大家带来边框圆角是怎么样设置的。Text('我是椭圆')Text('我是圆形')附上整个代码 各位关注老爷自行下载。
2024-07-09 21:50:52
960
原创 怎么将这种格式2018-11-08T18:49:00+08:00转换为时间代码复制进去就可以用
最开始的样子现在我们来转换一下，这里去定义一个函数方法定义好了直接调用下面就是见证奇迹的时候效果出来了，啦啦啦啦~~~~~~
2022-05-24 10:55:44
593
原创 回到顶部，代码复制进去就可以用
首先是html代码这里要用v-shou去控制箭头的显示隐藏然后把这段判断的代码，写进去就可以了下面来看效果图首页的时候没有显示 下面看超过一屏的距离出现的箭头这样就出来了...
2022-04-03 16:25:50
425
原创 Loading 加载数据一直转圈圈停不下来怎么办，看这个一学就会
话不多说，先上代码在表头加上v-loading就行绑定然后在data中定义最后找到你需要加载的页面或者表格 我这边是表格在加载的时候 写上this.loading= true,然后等代码执行完 写上this.loading=false就可以了 最后上效果图这样效果就出来了...
2021-09-29 10:32:40
4264
5
原创 后端传过来的一串数字怎么样去定义他为时间戳
我们在写项目的时候 会碰见后端传过来的一串数字 比方下面这个例子这个后端传过来一串数字 如果我们直接把他渲染到页面上,他就是显示这一串数字,那么问题来了我们怎么样去把他转换为时间呢?首先我们要定义一个全局的过滤器在min.js里面,这边使用的是moment 组件不要忘记了在min.js里面去引用o.o定义好了 然后去使用他这样直接去使用他就行了 然后看看效果...
2021-09-17 18:20:44
325
1
原创 vue中最快上手的正则校验,使用的是elenemt组件
加上rules属性和prop属性在data中去定义所加的属性添加pattern属性,这样一个简单的正则校验就实现了成果就实现了,谢谢大家
2021-09-06 13:48:04
159
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人