点击Ctrl+鼠标左键转到string.xml 修改名称: 你的APP名称 ...2.修改应用图标 路径android/app/src/main/AndroidManifest.xml,找到 如果是:是mipmap,则android:icon=”@mipmap/ic_launcher...图标大小分别为:48x48,72x72,96x96,144x144 然后重新生成APK即可
(#1927)Loading: 修复 LoadingPlugin.hide() 多次调用后报错的问题 @Nice-PLQ (#1930)Dropdown: 修复超长下拉菜单子菜单位置异常的问题 @uyarn...#2159)Popconfirm: 修复 confirmBtn 等属性存在类型错误 (issue #1642) @pengYYYYY (#2158)Dropdown: 修复 hover 有时候不能触发打开下拉菜单...(issue #1642) @pengYYYYY (#2158)详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.26.2React... 出现异常的tips 节点 @pengYYYYY (#1792)Form: 修复 formList 下 error 跳转问题 @honkinglin (#1794)Guide: skip 和 finish...: 修复滚动条判断问题 @honkinglin (#1795)详情见:https://github.com/Tencent/tdesign-react/releases/tag/0.44.2Miniprogram
Table: 树形结构支持懒加载Dialog: 修复打开对话框时出现滚动条的问题DatePicker: 修复日期格式化问题TimePicker: 优化允许输入滚动的使用体验TimeRangePicker...没有实现间隔效果DatePicker: 修复日期格式化问题TimePicker: 优化可输入模式的使用体验 避免高频输入场景与滚动事件重复更新 value 的异常Tree: 取消修改 value 类型...TreeSelect: 修复异步加载回显展示问题Textarea: 修复无法传入 attrs 中的 style详情见:https://github.com/Tencent/tdesign-vue-next...FeaturesFab: 支持文本自适应Tag: 视觉更新支持图标DropdownMenu: 新增 toggle 示例方法,用于切换下拉菜单DropdownMenu: 新增 keys 属性以支持自定义...label 和 value 的字段名Popup 新增 duration 属性,控制动画过渡时间新增 customStyle 透传样式至根节点新增 overlayProps 属性,透传至 overlay
" }] ] } 链接到图标和字体 npx react-native link 随便复制文档的一些代码,看看效果 import React from 'react'; import { Button..., InputItem, DatePicker, List, Provider } from '@ant-design/react-native'; const Antd = () => { return...两个字标签" > 姓名 Select Date </DatePicker...这UI效果还是有点丑的
优化样式命名,去除了名称中交互态的说明,应用样式时选择更快捷,体验更加友好Layout:新增示例页Shadow:新增示例页Button:统一不同尺寸,不同类型、不同交互态的按钮,共计新增了1200+组件...,且已应用图层与文本样式,可在 Overrides 修改按钮的圆角半径了Swiper:新增轮播组件Tag: 新增不同类型组件Link:新增链接组件,新增不同类型组件Image:新增图片组件,应用已有图标组件...;重构组件,补全了缺少的组件,添加自适应逻辑Badge:解决徽标组件中示例显示不正确问题,增加自适应逻辑Rate:解决了评分交互状态没说明弹窗的问题Pagination:分页中的选择器样式更新Calendar...:重构组件内容,应用独立边框样式,补全了缺少的组件Message:补全缺少的组件Anchor:重构组件,应用独立边框样式Breadcrumb:重构组件,补全了缺少的组件Dropdown:重构组件,补全了缺少的组件...修复圆角半径错误的问题,补全缺少组件Notification:修复圆角半径错误的问题,补全了缺少的组件Popconfirm:修复箭头小三角的显示错误问题Avatar:修复图层样式应用错误的问题,按尺寸新增头像类型
DatePicker: 重构DatePicker为composition API,全新的UI样式及交互,新增DateRangePicker组件,替换此前的range写法 ,存在不兼容更新TimePicker...Bug FixesDatePicker: 修复 datepicker format 导致的高亮问题TimePicker: 修复在 datepicker 中混用 不保留修改结果二次打开的异常TimePicker...: 修复部分情况下由于 allowInput ref 问题导致保留改动结果的错误DatePicker: 修复通过过快捷方式设置的时间区间高亮数据异常DatePicker: 修复栅格的情况下组件宽度 超过父级容器的限制...for Web 发布 0.36.1Breaking Changesreset: 默认移除全局 reset 样式引入,可从 tdesign-react/dist/reset.css 中单独引入,存在不兼容更新...React Starter 发布 0.1.5Features新增卡片列表页菜单路由配置hidden和single功能Bug Fixes同步DatePicker组件升级的改动详情见:https://github.com
#1556修复表格可编辑单元格的验证错误不能被正常清除问题,issue#1637本地分页表格中,使用拖拽排序,数据交换结果不正确,issue#1342Dialog: 修复参数 footer = false...时,footer 节点仍然渲染的问题 @huangpiqiao (#1713)Datepicker: 修复 popupProps.onVisibleChange 方法不能正常触发的问题 @xiaosansiji...: 修复12小时制时分的显示异常 @uyarn (#1728)Dropdown: 修复下拉菜单可视无法完全受控的问题 @uyarn (#1729)Checkbox: 修复Checkbox的options...(#1936)修复在 JSX 中使用有告警的异常 @uyarn (#1936)Form: 修复 onBlur 会清空校验状态的问题 @k1nz (#1933)修正 date 规则中 delimiters...format 之前的值问题 issue#1634 @chaishi (#1635)Datepicker: 修复 popupProps.onVisibleChange 方法不能正常触发的问题 @xiaosansiji
我们在做webApp 开发的时候,经常会碰到下拉菜单,二级甚至三级菜单联动的需求。通常我们会用iscroll模拟个可以弹性滚动的选择框,然后每次根据选择自己写一些回调逻辑。...Picker.js就是一个高仿 IOS 的 UIPickerView效果的筛选器组件,拥有非常流畅的体验,由原生 JS 实现,不依赖任何插件和第三方库。...Picker.js简介 Picker.js是一个纯用js+css3 transition特性构建的纯h5滚动选择器,它能实现近似原生IOS datePicker的滚动选择效果,同时利用js回调函数捕捉常用的几个自定义事件来实现几列菜单级联效果...它基于纯CSS3动画实现滑动特效,动画流畅,各种webview,浏览器直接使用。比如数据联动。 如果我们使用原生的DatePicker,流畅度可以保证。...但是IOS和安卓UI不统一风格,而且选择内容固定为时间。 安装使用 Picker.js早期的版本还依赖zepto.js 和gmu.js。
在TS中都必填的问题 Datepicker:修复weekday英文翻译的顺序问题 Others Table:TS 类型全部移入 interface.ts 文件中,并导出 Calendar:对value属性功能进行修正...marks刻度节点点击事件无效问题 Dropdown:修复下拉菜单点击后报错 Menu:使用t-submenutemplate#icon无效的问题 详情见:https://github.com/Tencent...BugFixes Picker:修复滑动延迟的问题 Avatar:修复图标大小不随尺寸变化的问题 Tabbar:修复样式告警问题 修复样式告警问题: ActionSheet ImageViewer Picker...Features Menu样式全新升级,布局更合理,视觉更平衡 Dropdown样式全新升级,优化间距和展开样式 Select样式全新升级,信息更紧凑 Cascader样式全新升级,信息更紧凑 DatePicker...调整表格相关代码及展示,增加吸顶功能展示、去除minWidth的使用等 BugFixes 修复分步表单页底部居中问题 修复顶部菜单栏下拉菜单与表单层级问题 详情见:https://github.com
@chaishi (#1562)行选中功能,数据变化时,选中的数据依旧是变化前的数据,tdesign-vue-nex#1722不提供expandedRowKeys的绑定会报错 ,缺少判空,tdesign-vue-nex...Web 发布 0.23.0❗ Breaking ChangesUpload:autoUpload=false 时,增加 onChange 事件的触发@chaishi (#1723)移除文档中不存在的 ... @chaishi (#1740)行选中功能,数据变化时,选中的数据依旧是变化前的数据,#1722 @chaishi (#1740)不提供expandedRowKeys的绑定会报错 ,缺少判空,#1704...100%,缺少中间进度 问题 @chaishi (#1524)Input:修复input的 autoWidth 配置开启下,计算宽度时取的 placeholder不正确问题 @yusongH (#1537... @AqingCyan (#1529)TagInput: 修复 react 16 版本 event 对象缺失 code 属性判断错误 @HQ-Lin (#1526)DatePicker: 修复输入框清空后关闭弹窗未重置问题
filter 能力 @skytt (#1427)修复过滤掉数据后上下键仍可以选择过滤外的数据的问题 @sechi747 (#1434)Button: 区分 loading 和 disabled 状态,修复幽灵按钮...multiple 时,设置 className 不起作用的问题 @RainyLiao (#1441)修复表格部分元素无法随 Table 变化而改变的问题,如:空数据等,tdesign-react#1319... @Isabella327 @uyarn (#1434)支持下拉菜单项向左展开 @uyarn @uyarn (#1434)优化下拉菜单的样式 @Isabella327 @uyarn @uyarn (#1434...click 事件返回 label 的值 @LeeJim (#841)Icon: 新增更多的图标 @anlyyao (#838) Bug FixesTab: 修复滑块定位错误的问题 @CodingOnStar...: 修复下拉菜单定位错误的问题 @LeeJim (#836)Tabs: 修复垂直模式下内容区域绑定事件无效的问题 @anlyyao (#837)Fab: 修复悬浮按钮随页面滚动的问题 @anlyyao
element-ui 的图标 css 文件 sass 版本更新到 1.39.0,并且修改 vue.config.js 配置文件的 css.loaderOptions.sass.sassOptions.outputStyle...、additionalData sassOptions: { outputStyle: 'expanded' } // fix: 解决 element-ui 图标 icon 偶现乱码问题...sass 和 scss 其实是同一种东西,我们平时都称之为 sass,scss 是 sass 3 引入新的语法,说白了 scss 就是 sass 的升级版。...dart-sass 只支持两种输出格式outputStyle: expanded:输出跟我们平时开发中手写的css样式很像,选择器、属性等各占一行,属性根据选择器缩进,而选择器不做任何缩进 compressed...:输出方式删除所有无意义的空格、空白行、以及注释,将文件体积压缩到最小,同时也会做出其他调整,比如会自动替换占用空间最小的颜色表达方式 修改后重新编译部署发现源码和浏览器中加载的样式都没问题了: element-ui
element-ui 的图标 css 文件sass 版本更新到 1.39.0,并且修改 vue.config.js 配置文件的 css.loaderOptions.sass.sassOptions.outputStyle...为 expanded权衡之下选择了最优雅的最后一种,不过并没有去更改 sass 和 sass-loader 的版本,只修改了 outputStyle 配置,这个不设置默认会是 compressed:修改后的...sass 和 scss 其实是同一种东西,我们平时都称之为 sass,scss 是 sass 3 引入新的语法,说白了 scss 就是 sass 的升级版。...dart-sass 只支持两种输出格式outputStyle:expanded:输出跟我们平时开发中手写的css样式很像,选择器、属性等各占一行,属性根据选择器缩进,而选择器不做任何缩进compressed...:输出方式删除所有无意义的空格、空白行、以及注释,将文件体积压缩到最小,同时也会做出其他调整,比如会自动替换占用空间最小的颜色表达方式修改后重新编译部署发现源码和浏览器中加载的样式都没问题了:
,支持带有 offsetBottom 和 offsetTop 特性的位置定位Select:修复 t-option 异步加载问题修复分组为空未展示分组名称的问题优化虚拟滚动示例、修复 pagination...:重构 DatePicker 为 compositionAPI,全新的UI样式及交互,移除 range api,分别导出 Datepicker 与 DateRangePicker,存在不兼容更新TimePicker...:重构TimePicker为 compositionAPI,全新的UI样式及交互,disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值,存在不兼容更新...FeaturesTable:筛选对话框输入筛选内容之后按回车应该和按确定按钮一样Table:筛选功能支持自定义组件方式,示例:columns:[{ filter:{ component:DatePicker...Figma for Web 发布 1.2.1Featuresicon:新增 rollfront 图标、新增设计示例使用图标 move/leftRight/upDown/text/not-allowedfont
尽管图标非常小,但图标会在App Store和Google Play中显示,向用户传达app的信息,并且安装后能在主屏幕上找到它,因此图标非常重要。...比如,设置中的应用程序图标多小啊! ? iOS和Android设置中的应用程序图标 用户不需要试图理解设计师的想法。设计师确保在多种尺寸的实际设备上试用图标,并在必要时最终确定。...Slack是一个关于一致性的好例子 如果他得到的申请与预期不同,肯定会不开心。不要在图标中包含屏幕截图和界面元素 – 它可能会误导用户。相反,暗示应用程序的功能,使用相同的样式和颜色。...例如每个交互模板不仅会导出各种大小的图标,还会显示它在主屏幕和App Store中的外观。它没有看起来那么难。接下来是Android应用程序图标!...Android应用程序 图标在材料设计规范中,Google将有关Android应用程序图标的信息分为两部分:关于样式和技术要求。
正如您很快会注意到,在日期选择器中渲染的样式化组件是 Reactstrap 下拉组件的样式扩展。 更新 Datepicker 组件以包含 render() 方法,如下面的代码片段所示。...最后,Calendar 组件在下拉菜单中渲染,传递 state 中的 date 和 onDateChanged 回调函数的handleDateChange() 方法。...); } } export default App; 如果您按照本文和代码片段进行操作,则应该在 React 应用程序中渲染出一个可用的自定义日期选择器。...结论 在本教程中(1、2、3),您已经能够逐步了解如何构建一个定制的 React 日期选择器组件,该组件可以作为原生 HTML5 日期选择器输入元素的替代。...可以进一步改进,例如: 通过 props 实现 max 和 min 日期 将输入类型从 “text” 切换到 “date” 更好的可访问性改进 你可以在 react-datepicker-demo 的
📷 1、点击[数据] 📷 2、点击[数据验证] 📷 3、点击[数据验证] 📷 4、点击[任何值] 📷 5、点击[序列] 📷 6、点击[来源] 📷 7、点击[...
何时使用lazy函数,比如某个体积相对比较大的第三方库或插件(比如JS版的PDF预览库)只在单页应用(SPA)的某一个不是首页的页面使用了,这种情况就可以考虑代码分割,增加首屏的加载速度。...}> 例子2: const OtherComponent = React.lazy(() => import('....在外面使用Suspense标签,并在fallback中声明OtherComponent加载完成前做的事,即可优化整个页面的交互 fallback 属性接受任何在组件加载过程中你想展示的...React 元素。...const OtherComponent = React.lazy(() => import('.
React Native在跟安卓原生交互的数据类型中,有两个类型会经常被用的:ReadableMap和WritableMap,在讲解ReadableMap和WritableMap之前先看看Java于RN...的类型的对应关系。...> String Callback -> function ReadableMap -> Object ReadableArray -> Array 由上面的对应关系可以发现,ReadableMap 和...ReadableArray类型对应JavaScript的Object和Array。...其中,ReadableMap一般是用于RN向原生传递的数据类型。
UWP 流畅设计中的光照效果(容易的 RevealBorderBrush 和不那么容易的 RevealBackgroundBrush) 发布于 2018-04-15 09...被引入,可以实现炫酷的鼠标滑过高亮效果和点击光照。...(自己实现) 采用自带效果的控件看起来实现很容易,不过 UWP 控件的自带样式略坑,自己实现控件样式和模板是不可避免的事儿。...比如:Reveal highlight - UWP app developer - Microsoft Docs 和 RevealBackgroundBrush Class (Windows.UI.Xaml.Media...我写过另一篇让 WPF 实现光照效果的博客:流畅设计 Fluent Design System 中的光照效果 RevealBrush,WPF 也能模拟实现啦!
领取专属 10元无门槛券
手把手带您无忧上云