- 博客(4)
- 收藏
- 关注
RSS订阅原创 学习uniapp 弹窗做法
4.绑定事件，默认状态隐藏遮罩层以及内容，点击显示按钮显示遮罩层（跳出弹窗），点击提交、取消按钮（隐藏弹窗）1.在当前页面显示一个新的盒子（遮罩层），新的盒子高度设置100vh和可视高度相同，黑色背景和半透明。2.遮罩层中添加盒子，调整盒子的位置（居中？因为需要用到点击弹窗 自学了一个弹窗。3.在盒子中添加子元素丰富盒子内容。，营造一种底下图层被遮盖的感觉。
2024-09-23 16:47:55
234
原创 学习uniapp 标题内容（文字、图片）水平垂直居中
但是有时候标题栏中往往不止只有中间的文字，当标题栏加入了其他的元素后，文字在水平方向就不一定居中了，那该怎么办呢！2. 第二种解决方法 ：可以考虑让父元素变成 flex 容器，使用水平垂直居中方法让子元素在父元素中居中。我的解决方法是将标题栏分为三个盒子 左右两边的盒子宽度相等 标题放在中间的盒子中 这样子就能居中了。1.第一种解决方法 ：可以考虑让父元素变成 flex 容器，子元素使用margin自适应布局。文字垂直方向的居中就需让要盒子在垂直方向上居中。（2）.标题栏中有其他元素，标题文字不居中。
2024-09-23 11:33:30
326
原创 学习uniapp v-bind:class 实现点击选中 变色、改变样式
效果显示：点击盒子改变样式并记录改变的盒子数量。Vue动态绑定class。
2024-09-19 13:54:51
176
原创 学习uniapp scroll-view组件的使用
学习视频(转载)：【uniapp内置组件scrollView和swiper组件的使用】https://www.bilibili.com/video/BV1oP4y1Z7yX?template部分。效果图：可以横向滑动。
2024-09-14 11:03:24
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人