- 博客(82)
- 收藏
- 关注
原创 设计师常有的网站有哪些?
这是一个设计交流、作品展示平台,同样拥有大量的设计师用户,提供设计资源分享、设计作品展示等功能。:前身为视觉中国网,目前定位于图片分享及设计产品社会化电商平台,也是设计师交流和作品展示的好地方。:专注于中国设计行业及中国设计教育的网络媒体,提供设计资讯、设计作品展示、设计交流等服务。:中国领先的手工、原创设计、艺术品、传统工艺品在线交易平台,也是设计师展示和交流的平台。:设计公司品牌宣传、视觉设计网络互动平台,提供设计展示和交流的机会。:致力于网页设计师品牌宣传包装,提供网页设计相关的交流和资源。
2024-08-07 18:00:05 166
原创 图标添加--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 214
原创 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 1302
原创 uniapp实现---单选题按钮
使用样式布局控制单选框的位置,这里使用的是原生态uniapp,并没有使用组件。②JavaScript 内容。可以单选,选中的颜色,可以根据自己的需要调节。
2024-03-05 17:51:09 1419
原创 uniapp实现---类似购物车全选
u-checkbox-group标签中u-checkbox没有插槽,不支持在里面写内容,必须在u-checkbox-group外面写内容布局。u-checkbox-group--->u-checkbox是可以实现的。点击商家复选框,可选中当前商家下的所有商品。点击全选,选中全部商家的商品。无法依赖其事件实现全选,样式固定,难以修改。可以全部选择的状态,也可以是单选状态。添加单个多选框,在将多选框绑定到全选按钮上。②JavaScript 内容。四、小结 + 注意事项。
2024-03-05 17:40:23 1506
原创 uniapp制作--简单的tab切换
一、实现思路在UniApp中,可以使用v-if来控制Tab栏并进行切换。创建一个方法来控制点击时的效果。二、实现步骤①view部分展示。
2024-03-04 11:18:01 1510
原创 uniapp实现-审批流程效果
换句话说,这段代码的作用是:如果当前元素是 funList.RenList 数组中的最后一个元素,则设置它的下边距为 '24rpx';这段代码是一个动态的样式绑定,它根据条件来设置元素的 marginBottom 样式属性的值。把循环里面的变量【name、status、time】, 全部替换为取出的那一项的值。然后继续下一次循环。通过数组的长度来循环数据,如果有就采用3元一次进行选择。虚拟的数据都是请求来的, 组装为好渲染的格式。如果有看不懂的代码,请继续往下看,会有解释!②JavaScript 内容。
2024-02-29 17:19:45 1073
原创 uniapp制作简单的tab切换
Uniapp作为一款跨平台的开发工具,提供了一种简便的制作tabbar滑动切换的方法。本文将介绍UniAPP如何实现tabbar滑动切换,并带有详细的示例代码。
2024-02-29 16:34:59 4069 1
原创 uniapp多个页面引用组件,如何操作呢?
由于多个地方需要使用选择民族组件,所以以民族组件来举例子是 Vue 3 中引入的一个语法糖,它简化了使用 Composition API 编写组件的方式。这种语法糖使得组件的代码更加紧凑和可读,特别是对于简单的组件。使用时,不再需要手动编写setup函数,而是直接在块中声明组件的选项、响应式数据、计算属性、方法等。Vue 3 会自动将这些内容转换成标准的setup函数。需要注意的是,的使用要求你的项目使用 Vue 3,并且在相应的构建工具中支持。
2024-02-03 17:46:28 1552
原创 日志报错 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 2197
原创 uniapp -- picker民族选择器
使用下拉实现民族选择器,与日期时间选择器相似。② JavaScript 内容【】//右箭头【uview组件】
2024-01-30 10:49:36 1167
原创 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 1332
原创 项目找不到pageckge.json
启动项目报错文件:原因就是找不到package.json解决:cd xxx 切换到有packge.json的文件夹下面 ,运行找到package,json当前所在的文件夹 上一级目录运行npm run dev或者下一级。
2024-01-29 17:06:53 1189 2
原创 点击切换图片,样式
本文章向大家介绍uniapp之 点击图片切换,使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
2024-01-15 15:24:47 908
原创 几种常见的模态框
title: '提示',// 提示文字content: '确认删除该条信息吗?',// 取消按钮的文字自定义cancelText: "取消",// 确认按钮的文字自定义confirmText: "删除",//删除字体的颜色//取消字体的颜色// 执行确认后的操作else {// 执行取消后的操作})
2023-12-20 15:49:45 413
原创 position中的四种定位方式
position是CSS中比较重要的一个属性,常用于页面布局,它的值有4个:static:默认文档流relative: 相对定位,相对于自身位置absolute:绝对定位,相对于非static父元素进行定位,脱离文档流fixed:固定定位,脱离文档流
2023-12-20 15:49:34 2001
原创 简单的绑定发布事件
① 输入了标题,没有图片,可以发布动态②输入了图片,没有标题,也可发布动态③如果只输入图片,或者标题,无法发布,需要两者都同时具备,才可以发布动态
2023-12-18 20:00:00 114
原创 Badge 微标
一般用于图标右上角显示未读的消息数量,提示用户点击,有圆点和圆包含文字两种形式。值,单位rpx,可为负值,如"[-10, -10]")设置到合适的位置即可。2.放在同一个div中,在js中添加value值的效果。1.将需要实现效果的图片和需要实现组件效果。如果不需要组件内容默认的自动绝对定位,设置。②JavaScript 内容。偏移值(数组,两个元素,第一个元素为。四、小结 + 注意事项。相对定位, 再通过调整。绝对定位,所以需要给。
2023-12-14 16:33:20 538
原创 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 116
原创 简单的 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 3177
原创 if - else 实现点击展开 / 折叠
在前端开发过程中,我们经常需要使用到点击展开/折叠的按钮。此案例是一个数组嵌套数组的效果展示,使用的是v-if else 来实现的展开效果。
2023-12-11 20:40:09 247
原创 1-2-3图片的排列
当style标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,父组件的样式将不会渗透到子组件。如果你希望 scoped 样式中的一个选择器能够作用得"更深”,例如影响子组件,你可以使用深度选择器。
2023-11-28 21:15:00 121
原创 uni-app - 日期 · 时间选择器
从底部弹起的滚动选择器。支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。当选择时间和日期的时候会默认直接展示当前的时间和当天的日期。
2023-11-22 09:00:00 8600
原创 uni-app - 弹出框
弹出框让我们在需要时在屏幕底部弹出一个菜单,它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件,但它也有一些自定义功能。弹出框组件由两个主要组成部分组成:触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素,它与弹出框逻辑相互作用。弹出框是一个以弹出方式显示菜单项的UI元素集合。
2023-11-21 11:00:35 8897
原创 前端项目--命名规范
getItemsBySelected //根据传入的已选列表ID来获取列表全部数据。toggleAllSelected //切换所有已选择数据状态。getItemById //根据ID获取数据元素。flatSelect //展开选择数据。parseXml //解析XML数据。sortByDesc //按降序排序。inverseList //反转数据列表。icon_:模块类固化的图标。formatDate //格式化日期。
2023-11-17 09:24:56 325
原创 css强制换行和禁止换行
* 而Firefox浏览器没有这个功能,多出的内容只能隐藏起来。可选,当内容超出一行时,用省略号表示 */word-break: break-all;/*是让多出的内容隐藏起来,否则多出的内容会撑破容器。// 定义子元素的堆叠方向。// 使用省略号表示超出的文本。/*文本内容就不会换行*/// 隐藏超出的文本。
2023-11-17 08:30:00 2517
原创 Flex布局---看一篇就够了
* 均匀排列每个元素'auto'-sized 的元素会被拉伸以适应容器的大小 */align-content适应于换行(多行)情况下(单行情况下无效),可以设置上对齐、下对齐、居中、拉升以及平均分配剩余空间等属性值。justify-content 设置主轴上的子元素排列方式,属性定义了项目在主轴上的对齐方式。flex-flow 属性是flex-direction和flex-wrap 属性的复合属性。/* 从行尾开始排列 *//* 均匀排列每个元素首个元素放置于起点,末尾元素放置于终点 */
2023-11-16 18:06:16 386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人