自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(81)
  • 收藏
  • 关注

原创 图标添加--icon 添加

1.效果展示2.源代码展示 ①vue模块 <view class="container" style="padding: 32rpx 0;margin-bottom: 24rpx;"> <view class="overbold" style="padding: 0 32rpx;">常用服务</view> <view class="func-list"> <template v

2024-04-16 16:49:42 140

原创 uniapp--登录和注册页面-- login

直接使用即可,可以根据自己的需求修改样式!

2024-04-16 16:44:08 717

原创 Element-UI plus 自定义-下拉框选择年份【vue3】

【代码】Element-UI plus 自定义-下拉框选择年份【vue3】

2024-04-12 09:17:26 384

原创 Element-UI 自定义-下拉框选择年份

场景表达: 默认展示当年的年份,默认展示前7年的年份。

2024-04-11 17:45:57 430

原创 vue项目中 报错 error ‘xxx‘ is assigned a value but never used

在 package.json 的 rules 里面 添加: "no-unused-vars": "off" 然后重启项目。以上是我出现此错误的解决方法,并不是所有的都适用;大家有好的方法或者问题也可以告诉我哦!一定要重新启动项目,更改了全局配置的内容,一定要重新启动项目,否则效果无法展示!错误’tableData’被分配了一个值,但从未使用过没有未使用的变量。定义了变量,但是未使用,怎么办呢,需要操作eslint的配置相关。vue项目的终端报错。

2024-04-11 17:23:46 548

原创 解决报错 npm ERR! Missing script:“serve“

在运行vue项目时,遇到报错!导致无法启动!

2024-04-08 08:30:00 1816

原创 uniapp实现---单选题按钮

使用样式布局控制单选框的位置,这里使用的是原生态uniapp,并没有使用组件。②JavaScript 内容。可以单选,选中的颜色,可以根据自己的需要调节。

2024-03-05 17:51:09 815

原创 uniapp实现---类似购物车全选

u-checkbox-group标签中u-checkbox没有插槽,不支持在里面写内容,必须在u-checkbox-group外面写内容布局。u-checkbox-group--->u-checkbox是可以实现的。点击商家复选框,可选中当前商家下的所有商品。点击全选,选中全部商家的商品。无法依赖其事件实现全选,样式固定,难以修改。可以全部选择的状态,也可以是单选状态。添加单个多选框,在将多选框绑定到全选按钮上。②JavaScript 内容。四、小结 + 注意事项。

2024-03-05 17:40:23 964

原创 uniapp制作--简单的tab切换

一、实现思路在UniApp中,可以使用v-if来控制Tab栏并进行切换。创建一个方法来控制点击时的效果。二、实现步骤①view部分展示。

2024-03-04 11:18:01 1062

原创 uniapp制作--进步器的选择

进步器的选择,一般用于商城购物选择物品数量的场景注意:该输入框只能输入大于或等于0的整数。

2024-03-04 11:09:54 584

原创 uniapp实现-审批流程效果

换句话说,这段代码的作用是:如果当前元素是 funList.RenList 数组中的最后一个元素,则设置它的下边距为 '24rpx';这段代码是一个动态的样式绑定,它根据条件来设置元素的 marginBottom 样式属性的值。把循环里面的变量【name、status、time】, 全部替换为取出的那一项的值。然后继续下一次循环。通过数组的长度来循环数据,如果有就采用3元一次进行选择。虚拟的数据都是请求来的, 组装为好渲染的格式。如果有看不懂的代码,请继续往下看,会有解释!②JavaScript 内容。

2024-02-29 17:19:45 795

原创 uniapp制作简单的tab切换

Uniapp作为一款跨平台的开发工具,提供了一种简便的制作tabbar滑动切换的方法。本文将介绍UniAPP如何实现tabbar滑动切换,并带有详细的示例代码。

2024-02-29 16:34:59 1931

原创 点击,选择状态

在Javascript中添加。使用三元一次函数,来定义点击选择的状态。

2024-02-03 17:58:17 522

原创 uniapp多个页面引用组件,如何操作呢?

由于多个地方需要使用选择民族组件,所以以民族组件来举例子是 Vue 3 中引入的一个语法糖,它简化了使用 Composition API 编写组件的方式。这种语法糖使得组件的代码更加紧凑和可读,特别是对于简单的组件。使用时,不再需要手动编写setup函数,而是直接在块中声明组件的选项、响应式数据、计算属性、方法等。Vue 3 会自动将这些内容转换成标准的setup函数。需要注意的是,的使用要求你的项目使用 Vue 3,并且在相应的构建工具中支持。

2024-02-03 17:46:28 1202

原创 日志报错 git -c dif.mnemonicprefix=false -c core.guotepath=false 解决方法

git -c dif.mnemonicprefix=false -c core.guotepath=false --no-optional-locks push -v --tags originremote: 未认证fatal

2024-02-03 17:45:38 1540

原创 uniapp -- picker民族选择器

使用下拉实现民族选择器,与日期时间选择器相似。② JavaScript 内容【】//右箭头【uview组件】

2024-01-30 10:49:36 919

原创 uniapp如何引入uview组件?

u-button type="primary" :plain="true" text="镂空">// App.vue文件中 中首行的位置引入,注意给style标签加入lang="scss"属性。/* 注意要写在第一行,同时给style标签加入lang="scss"属性 *///配置easycom组件模式:uview-ui需要。-- 在首页index中 添加uViewUI组件 -->

2024-01-30 10:19:02 1227

原创 uniapp如何添加多个表单数组?

删除添加表单项

2024-01-29 17:59:50 1483

原创 项目找不到pageckge.json

启动项目报错文件:原因就是找不到package.json解决:cd xxx 切换到有packge.json的文件夹下面 ,运行找到package,json当前所在的文件夹 上一级目录运行npm run dev或者下一级。

2024-01-29 17:06:53 804 2

原创 日期+时间 选择器 1900-1-10:00:00

开始时间</view>

2024-01-25 10:36:24 594

原创 使用computed展示状态不同的样式

【代码】使用computed展示状态不同的样式。

2024-01-25 09:58:39 840

原创 点击切换图片,样式

本文章向大家介绍uniapp之 点击图片切换,使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

2024-01-15 15:24:47 882

原创 v-if 实现不同的状态样式

一、实现思路通过v-for循环获取数据并进行判断该条记录中status的状态给不同的状态赋值,在div种去判断状态

2024-01-15 15:06:36 602

原创 几种常见的模态框

title: '提示',// 提示文字content: '确认删除该条信息吗?',// 取消按钮的文字自定义cancelText: "取消",// 确认按钮的文字自定义confirmText: "删除",//删除字体的颜色//取消字体的颜色// 执行确认后的操作else {// 执行取消后的操作})

2023-12-20 15:49:45 142

原创 position中的四种定位方式

position是CSS中比较重要的一个属性,常用于页面布局,它的值有4个:static:默认文档流relative: 相对定位,相对于自身位置absolute:绝对定位,相对于非static父元素进行定位,脱离文档流fixed:固定定位,脱离文档流

2023-12-20 15:49:34 470

原创 简单的绑定发布事件

① 输入了标题,没有图片,可以发布动态②输入了图片,没有标题,也可发布动态③如果只输入图片,或者标题,无法发布,需要两者都同时具备,才可以发布动态

2023-12-18 20:00:00 87

原创 Badge 微标

一般用于图标右上角显示未读的消息数量,提示用户点击,有圆点和圆包含文字两种形式。值,单位rpx,可为负值,如"[-10, -10]")设置到合适的位置即可。2.放在同一个div中,在js中添加value值的效果。1.将需要实现效果的图片和需要实现组件效果。如果不需要组件内容默认的自动绝对定位,设置。②JavaScript 内容。偏移值(数组,两个元素,第一个元素为。四、小结 + 注意事项。相对定位, 再通过调整。绝对定位,所以需要给。

2023-12-14 16:33:20 298

原创 flex-shirnk 与 flex-grow

flex-grow: 0表示正常状态,不放大;取消flex盒子会超过父级div时会自动收缩。给父元素设置了flex布局后,若要其子元素的width有效果,必须给子元素设置。flex-grow: 1表示一旦发生变化,弹性子元素的宽度也会做出相应的调整。shrink就是告诉子元素当父元素宽度不够用时,自己调整自己所占的宽度比。flex-shrink:1时,表示所有子元素大家同时缩小来适应总宽度。flex-shrink:0时,表示大家都不缩小适应。可以完美的填充父级的盒子,跟随屏幕的缩放自动调整。

2023-12-14 16:33:11 44

原创 简单的 u-popup 弹出框

uniapp中的popup组件可以用于弹出简单的提示框、操作框、菜单等。uni-popup组件的animation属性设置为pop-up,表示弹出动画效果为pop-up。uni-popup组件中的内容可以自定义,这里是一个简单的view标签,包含一些文字和按钮。uni-popup组件的position属性设置为"bottom",表示从底部弹出。在需要的标签绑定了一个点击事件,点击按钮可以控制显示或隐藏uni-popup组件。uni-popup组件的show属性设置为true,表示显示遮罩层。

2023-12-11 20:54:59 1559

原创 if - else 实现点击展开 / 折叠

在前端开发过程中,我们经常需要使用到点击展开/折叠的按钮。此案例是一个数组嵌套数组的效果展示,使用的是v-if else 来实现的展开效果。

2023-12-11 20:40:09 205

原创 uniapp - 简单版本自定义tab栏切换

【代码】uniapp-简单版本自定义tab栏切换。

2023-12-11 16:11:19 2522

原创 1-2-3图片的排列

当style标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,父组件的样式将不会渗透到子组件。如果你希望 scoped 样式中的一个选择器能够作用得"更深”,例如影响子组件,你可以使用深度选择器。

2023-11-28 21:15:00 101

原创 uniapp 导航分类

以上为所有,即可粘贴进行测试。

2023-11-28 21:00:00 393

原创 uni-app - 日期 · 时间选择器

从底部弹起的滚动选择器。支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。当选择时间和日期的时候会默认直接展示当前的时间和当天的日期。

2023-11-22 09:00:00 5602

原创 uni-app - 弹出框

弹出框让我们在需要时在屏幕底部弹出一个菜单,它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件,但它也有一些自定义功能。弹出框组件由两个主要组成部分组成:触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素,它与弹出框逻辑相互作用。弹出框是一个以弹出方式显示菜单项的UI元素集合。

2023-11-21 11:00:35 5675

原创 uniapp - 开关按钮

uni-app 开关按钮

2023-11-21 10:32:05 602

原创 前端项目--命名规范

getItemsBySelected //根据传入的已选列表ID来获取列表全部数据。toggleAllSelected //切换所有已选择数据状态。getItemById //根据ID获取数据元素。flatSelect //展开选择数据。parseXml //解析XML数据。sortByDesc //按降序排序。inverseList //反转数据列表。icon_:模块类固化的图标。formatDate //格式化日期。

2023-11-17 09:24:56 197

原创 css强制换行和禁止换行

* 而Firefox浏览器没有这个功能,多出的内容只能隐藏起来。可选,当内容超出一行时,用省略号表示 */word-break: break-all;/*是让多出的内容隐藏起来,否则多出的内容会撑破容器。// 定义子元素的堆叠方向。// 使用省略号表示超出的文本。/*文本内容就不会换行*/// 隐藏超出的文本。

2023-11-17 08:30:00 1322

原创 Flex布局---看一篇就够了

* 均匀排列每个元素'auto'-sized 的元素会被拉伸以适应容器的大小 */align-content适应于换行(多行)情况下(单行情况下无效),可以设置上对齐、下对齐、居中、拉升以及平均分配剩余空间等属性值。justify-content 设置主轴上的子元素排列方式,属性定义了项目在主轴上的对齐方式。flex-flow 属性是flex-direction和flex-wrap 属性的复合属性。/* 从行尾开始排列 *//* 均匀排列每个元素首个元素放置于起点,末尾元素放置于终点 */

2023-11-16 18:06:16 297

原创 【2020年10月自考】网络设计与组网

A. CPU性能 B.内存大小 C. I/O接口 D.高可用性能 E.机器外观.A.白绿/绿/白橙/蓝/白蓝/橙/白综/棕 B. 白绿/绿/白橙/蓝/白蓝/橙/棕/白综。C.绿/白绿/白橙/蓝/白蓝/橙/白综/棕 D. 绿/白绿/白橙/蓝/白蓝/橙/棕/白综。A.总线型 B.环状型 C.星状型 D.树型 E.网状型。28.请写出将交换机的主机名修改为SW1的操作指令(以 Cisco交换机为例)。

2023-10-08 16:23:16 102

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除