1.全局样式色彩色彩体系主要分为两个层面:系统色彩体系以及产品色彩体系;系统色彩体系是系统的一些基础颜色,产品级色彩体系更多的是根据产品诉求不同而使用的颜色(像品牌色,功能色之类的)色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开,建议从以下5个方面出发统一的画板尺寸:统一设计板尺寸适配方案:判断系统是否需要适配,哪些区域是需要动
获取其他列的数据{ title: '价格(元)', align: "center", dataInd
原创
2022-11-30 19:23:40
248阅读
1. 安装 cli 1 npm install -g @vue/cli vue create winyh-ui 2.安装 antd-design-vue 1 cnpm i ant-design-vue --save 3.配置按需加载 1 2 3 4 5 6 7 8 9 10 11 12 13
转载
2021-08-12 14:24:37
788阅读
1. 安装 cli 1 npm install -g @vue/cli vue create winyh-ui 2.安装 antd-design-vue 1 cnpm i ant-design-vue --save 3.配置按需加载 1 2 3 4 5 6 7 8 9 10 11 12 13
转载
2021-08-12 14:49:08
270阅读
1. 安装 cli 1 npm install -g @vue/cli vue create winyh-ui 2.安装 antd-design-vue 1 cnpm i ant-design-vue --save 3.配置按需加载 1 2 3 4 5 6 7 8 9 10 11 12 13
转载
2021-08-13 10:13:53
266阅读
项目中需求,模态框只保留一个确定按钮,去掉取消按钮。官方文档中只写了去掉全部的脚部按钮,:footer设置为null,这个补不满足需求
转载
2022-05-26 16:47:47
2294阅读
做过后端管理系统的“猿们”都知道,后端界面的框架无非就是左右结构【左边是菜单栏,右边是具体业务的功能界面】。但是右边的功能界面,我们又能拆分出来一些公用的控件:搜索栏、操作按钮栏、列表【table、tree、treetable】等,今天小编大致说下自定义操作按钮栏控件的封装以及实现。首先,在做自定义控件之前,我们要想清楚我们封装自定义控件的目的,以目标为导向去实现。(以上内容纯属片汤话儿)1.目的
<a-input @blur="validateDomainBlur" placeholder="请输入需要绑定的域名" v-decorator="['domain', { rules: [ { required: false, message: '请输入域名' }, ], getValueFrom
转载
2020-03-11 15:27:00
1054阅读
2评论
vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。它是轻量级的,它有很多独立的功能或库,我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。一、安装vue1、安装node.js,安装完node.js之后,npm也会自动安
转载
2024-09-19 10:19:31
309阅读
相信大家都遇到过渲染一个很长的列表或者页面带来的痛苦,长列表与页面可能对首屏渲染速度造成很大的影响,并且会对页面的滚动造成一些不流畅的体验。我也在最近遇到了这个问题,发现除了直接使用分页外,虚拟滚动这种解决方案很是流行,于是也重新造了一下vue中虚拟滚动的轮子。虚拟滚动简单的说就是渲染在浏览器中当前可见的范围内的内容,通过用户滑动滚动条的位置动态地来计算显示内容,其余部分用空白填充来给用户造成一个
转载
2024-07-25 20:00:53
693阅读
在 React 领域里,一直缺少一套靠谱、好用的移动端组件,蚂蚁的 antd mobile v2 年久失修,几乎无人维护,跟 antd 相差甚远,在设计上,也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是,就在前两天,在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0(白杨)的 Roadmap[3]。在 8 月 26 号晚上也已
在学习了vue框架之后,对前端又有了新的认知,vue框架的使用跟之前的js或者jquery有着很大的不同,在使用js或者jquery,我们首先想到的就是获取页面的节点,然后再来改变或者添加上自己想要的数据,vue则是相反,vue看重的是数据,通过获取到的一些数据再来改变结构,所以在使用vue框架的时候,就要两种思维切换。今天就来讲下如何使用vue来对表格的进行增删改查。 1、对表格数据的增加 先制
一、filePath not found 【解决】 https://github.com/ant-design/ant-design-pro/discussions/9362 这个方案救了我二、antd中Modal结合form的复合使用【解决】 https://www.jianshu.com/p/d70bbe4cee38 import { Form, Input, Modal, message,
vue-antd-admin——实现全网站选项的切换并实现页面的刷新场景效果图1.`AdminHeader.vue`组件添加`内外贸选项的切换`1.1 `template`中的相关代码如下:1.2 `data`中添加`dataTypeList`参数1.3 从vuex中引入`mapState`和`mapMutations`1.4 在computed中获取mapState中的type,从mapMut
转载
2024-02-29 10:19:43
2733阅读
理解request,import { request } from ‘umi’;//app.ts配置
export const request: RequestConfig = {
//错误出理器
errorHandler: errorHandler,
//请求拦截器,根据需要决定是否需要
requestInterceptors: [authHeaderInterceptor],
转载
2024-07-20 16:42:34
683阅读
作为前端小白刚刚接触上传、下载文件的操作也让我很头疼,所以利用时间记录一下方便巩固,希望能够帮到大家。 我将情况分为以下几种:1.点击按钮上传单个文件//html
<a-upload
:action="baseUrl + '/api/uploadSingleFile'"
:headers="heade
转载
2024-02-25 10:36:05
193阅读
<a-range-picker format="YYYY-MM-DD HH:mm:ss" :defaultValue="[momentTime(startTime, 'YYYY-MM-DD HH:mm:ss'), momentTime(endTime, 'YYYY-MM-DD HH:mm:ss')]
转载
2020-12-14 11:49:00
2023阅读
2评论
https://github.com/ant-design/ant-design/ 亲测!
原创
2022-03-01 13:35:12
228阅读
项目中新功能需要用到富文本编辑,查找了几个富文本编辑器,结合需求以及以后产品说的可能扩展,最终选择了ueditor 首先就是功能超多,一步到位,估计都不用二次开发就够用了: 使用的话,首先要装包:(npm install ngx-ueditor --save) 然后就是引入到模块,然后配置前端配置项: 这是目录结构(没有在根目录引入,就为了写demo): 接着就是这个 ueditor 这
本篇文章是最近在公司里做项目的时候,尝试配置路由的过程。由于头尾,和路由主体,包括控制器组长都已配置好,我这里只是单纯的写一些配置单个副页面的过程。大家肯定会有看不懂的地方,后续会陆续更新完整的配置全套路由的方法。如果想看完整的配套路由方法,抱歉,让你们失望了,我也是个程序媛小白一枚~~~。 好,现在切入正题:我工作的步骤如下: 一.分别在css,js,tpls文件夹里面比照同事建立文件夹