自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

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

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

博客底图：

点击选择上传的图片

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

栏目图：

点击选择上传的图片

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

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

luck332的专栏

diygwcom 优快云认证博客专家优快云认证企业博客

码龄18年

213: 原创

2万+: 周排名

8016: 总排名

33万+: 访问

: 等级

4529: 积分

1100: 粉丝

1474: 获赞

53: 评论

1226: 收藏

私信

关注

热门文章

分类专栏

uniapp 17篇
uniapp在线可视化 23篇
php 4篇
vue 17篇
electron 1篇
微擎 3篇
java 12篇
javascript 14篇
sqlserver 4篇
jquery 8篇
架构 2篇
架构设计 1篇
extjs 16篇
微信小程序 15篇
数据库 3篇
struts 1篇
spring 1篇
flex 3篇
安装部署 4篇
android

最新评论

uniapp实现小票打印兼容微信小程序安卓
diygwcom: uniapp本身就支持了APP 小程序你按他的文档来连接就好了
uniapp低代码可视化-动态万能表单-代码生成器
anwen_a: 开源的吗
低代码-挑战你样式的能力，你能想到选项卡切换的圆角用样式的代码来实现吗？
diygwcom: .tab-item.active { opacity: 1; background-color: white; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; box-shadow: 24px 50px 0 #fff, -24px 50px 0 #fff; color: #2563eb; } .tab-label { display: inline-block; transition: transform 300ms; } .tab-item.active .tab-label { transform: scale(1.2); } .tab-edge { position: absolute; bottom: 0; width: 12px; height: 62px; background-color: white; } .tab-edge.left { left: -6px; border-top-left-radius: 0.75rem; transform: skew(-15deg); } .tab-edge.right { right: -6px; border-top-right-radius: 0.75rem; transform: skew(15deg); } .tab-inactive-edge { position: absolute; bottom: 0; width: 12px; height: 62px; background-color: #e2e8f8; } .tab-inactive-edge.left { left: 6px; border-bottom-left-radius: 0.75rem; transform: skew(15deg); } .tab-inactive-edge.right { right
低代码-挑战你样式的能力，你能想到选项卡切换的圆角用样式的代码来实现吗？
diygwcom: .tab-container { width: 100%; max-width: 28rem; margin-left: auto; margin-right: auto; position: relative; } .tab-background { position: absolute; inset: 0; transition: all 500ms ease-in-out; border-radius: 0.75rem; } .tab-background.login { background: linear-gradient(to right, #60a5fa, #a855f7); } .tab-background.test { background: linear-gradient(to right, #4ade80, #60a5fa); } .tab-content { position: relative; z-index: 10; } .tab-list { display: flex; overflow: hidden; background-color: #e2e8f8; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .tab-item { flex: 1; height: 62px; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 600; position: relative; cursor: pointer; color: rgba(37, 99, 235, 0.5); }
低代码-挑战你样式的能力，你能想到选项卡切换的圆角用样式的代码来实现吗？
diygwcom: <script> export default { data() { return { //用户全局信息 userInfo: {}, //页面传参 globalOption: {}, activeTab:0, tabList: [ { label: '登录', id: 0 }, { label: '测试', id: 1 }, ] }; }, onShow() { this.setCurrentPage(this); }, onLoad(option) { this.setCurrentPage(this); if (option) { this.setData({ globalOption: this.getOption(option) }); } this.init(); }, onReady() { this.$refs.formRef?.setRules(this.formRules); }, methods: { async init() { } } }; </script>

最新文章

安装部署

关注

关注数：文章数：4 文章阅读量：766 文章收藏量：0

作者: diygwcom

这个作者很懒，什么都没留下…

展开