有志者事竟成,破釜沉舟百二秦关终属楚苦心人天不负,卧薪尝胆三千越甲可吞吴。?博主介绍✍简介: 博主姓:陈,名:春波。花名 “水香木鱼”?文章内容小伙伴们,大家好!又一次和大家见面了,本期木鱼带来的是Css3实现卡片翻转效果。✍ 一、标签代码<!--实训平台--> <div class="box"> <!--正面-->
转载 2024-05-22 16:37:31
767阅读
需求:在vue2的版本下更新公司官网解决方案的轮播图效果,主要难点是在现有的element-ui无法实现ui设计的平滑卡片视图轮播效果。寻找实现方案:发现swiper插件满足现有需求,可定制化各种轮播图效果,有时间可以其原生的代码。实现流程:1.npm i swiper@4 (注意swiper是有很多版本的,每个版本的兼容性都不一样,现在下载的话都默认是vue3的版本,所以vue2的话下载4版本就
vue项目开发卡片展示页面----菜品管理对话框表单获取父组件数据子组件dishform 对话框表单样式methods 中的dataInit方法 获取父组件传来的数据<script> export default { name: 'DishForm', data() { return { f
转载 2024-02-20 07:56:34
101阅读
陌路遇见,陌路告别,陌路问好,九月再见,十月重现!首先我来讲解一下我的思路:首先,在模板部分,我们有以下元素: <input type=“file” @change=“handleFileUpload” accept=“.xlsx, .xls” />: 这是一个文件输入元素,允许用户选择Excel文件以进行上传。当文件选择发生变化时,@change绑定了handleFileUpload
结合Vue实现横向排列表单项前言默认的,ElementUI的Form表单项(控件)是垂直排列,即一行显示一个表单项。但是在实际应用中,有时候会需要一行显示多个表单项。针对这类需求,笔者提供以下解决方案解决方案1、修改表单项.el-form-item样式如下,增加display属性,设置值为inline-block !important; 因为默认的,表单项为块元素,这样设置以后,可以让表单项变成内
转载 2024-05-21 12:44:51
423阅读
你想做的是 卡片列表布局(Card List) 吗?在 Ant Design Vue 3 里可以直接用 <a-card> + <a-list> 结合,或者自己用 <a-row> + <a-col> 配合 grid 样式来实现。 我给你写几个常见的写法示例:? 1. 基本卡片列表(List + Card)<template> <a
原创 1月前
206阅读
1点赞
'2024年-零基础学前端系列课程''一学就会,前端速成'
原创 2024-09-14 15:29:09
161阅读
 目录一、时钟卡片简介: 二、开发环境搭建:第一步:创建一个空的工程文件:使用JS开发卡片: 标签”forms”中卡片的配置: 卡片的定点/定时刷新:时钟卡片配置文件:卡片布局:创建卡片:创建卡片数据库:卡片应用初始化:更新卡片:前台service卡片组件更新一、时钟卡片简介:      &nbsp
转载 2024-02-29 14:17:00
203阅读
博客中所有涉及到的代码都可在Gitee获得,点击到达服务卡片(以下简称“卡片”),在桌面点击图标向上推动会弹出一个小卡片。弹出卡片后也可将卡片固定在屏幕中作为一个小组件显示。卡片中可以显示自定义的UI,也可以点击产生互动。先看下完成后的效果。 目录卡片服务基本概念创建模板布局文件代码配置文件卡片服务基本概念卡片使用方      
转载 2024-01-21 06:34:27
262阅读
在现实生活在,视觉信息总是很吸引人的眼球,好的页面设计总是能够脱颖而出,而卡片设计的应用就是一种趋势。有数据显示移动端使用率远远高于桌面端,网页设计都能很好的适应小屏幕。这个结论就是:简单的界面风格,比如:扁平化设计,极简设计,尤其是卡片设计比往年都要流行。卡片式网页设计判断一个卡片设计的好坏,重点看下面两个:好的卡片设计不会使用太多的加载时间,同时它也能在不同的屏幕上切换自如。小的模块对于用户来
在公司一直做着NFC相关的应用,但是对NFC有关的几种卡却稀里糊涂,今天查了一下文档,总结一下:首先接触一下一个技术概念:射频识别即RFID(Radio Frequency IDentification)又称电子标签、无线射频识别,是一种通信技术,可通过无线电讯号识别特定目标并读写相关数据,而无需识别系统与特定目标之间建立机械或光学接触。常用的有低频(125k~134.2K)、高频(13.56Mh
转载 2024-03-15 15:49:51
205阅读
GitHub: https://github.com/nzbin/CardShow/Demo: https://nzbin.github.io/CardShow/前言这个小项目(卡片秀)是一个卡片抽奖特效插件,用开源项目这样的词语让我多少有些羞愧,毕竟作为一个涉世未深的小伙子,用项目的标准衡量还有很大差距。不过该案例采用 jQuery 插件方式编写,提供配置参数并且做了浏览器兼容优化,整体而言作为
转载 2024-01-25 17:13:38
86阅读
css3实现卡片模块带半圆形透明
转载 2023-06-12 18:50:45
168阅读
首先附上文档链接:1.微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1112.免费生成二维码的草料官网:https://cli.im/text/other 需求:在浏览器分享链接时携带用户id并且在微信中分享为卡片模式 具体实现:首先需要去进行配置,具体步骤网上很多
转载 3月前
360阅读
效果:  原理:1.利用css的自定义变量以及var函数2.css里0除以0的结果是null,而且css运算式中只要出现null的结果就一定是null缺点:1.给定网格之间的间隙大小=m时,头尾的网格和中间的网格尺寸差1/4m(如果等分数为3,那么会差1/2m)2.本人是在vue项目里使用,很方便,当然我还是更推荐使用第三方网格插件3.兼容性未知CSS:<!-- 父元素
转载 7月前
71阅读
作者: MrLiuQ 审校: QiShare团队前言:因项目中需求,需要做一个卡片式控件。故QiCardView诞生了。首先,先来看一下QiCardView的效果图: 从命名来看,QiCardView,顾名思义,是一个可定制的卡片式UI控件。 从设计来看,QiCardView仿照UITableView的设计,支持cell复用,节省了资源。话不多说,先来看下整体架构~一、QiCardView整体
转载 2023-08-31 16:28:56
694阅读
1.搭建回调服务器2.编写代码2.1接口定义应用可以发送模板卡片消息,发送之后可再通过接口更新可回调的用户任务卡片消息的替换文案信息(仅原卡片为 按钮交互型、投票选择型、多项选择型的卡片以及填写了action_menu字段的文本通知型、图文展示型可以调用本接口更新)。请注意,当应用调用发送模版卡片消息后,接口会返回一个response_code,通过response_code用户可以调用本接口一次
转载 2023-11-22 22:42:45
37阅读
作为苹果重要市场,今天发布的所有应用,短时内都不会在中国上线。 一年一度的苹果春季发布会来了。 在官网相继上线了新版iPad Air、iPad mini、iMac、AirPods,被众网友质疑发布会再无“精彩”之后,库克仅靠“Service”就Hold住了全场,在乔布斯剧院一口气发布或升级了包括: 一、Apple New升级版,可支持300种杂志订阅的新闻订阅服务“Apple News+”; 二
转载 2023-10-27 19:12:35
104阅读
android使用Tab效果滑动使用SlidingTabLayout样式:直接在xml上的SlidingTabLayout上改,他是继承HorizontalScrollView的,可以通过background来设置颜色加入custom_tab.xml的时候,是代表tab使用图标改下划线的颜色:第一种方式:slidingTabLayout.setSelectedIndicatorColors(get
卡片设计在界面中已经是非常常见的一种设计形式,大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了,今天我想从我自己的经验来总结卡片设计的细节要点,期望能给大家总结一些快速提升卡片设计效果的方法。   1、卡片的造型   1)圆角不同的圆角,所带来的气质是不同的。圆角很小,视觉印象是硬朗,高冷,具有攻击性的,多用于严肃、高端、冲突感强烈的设计中;而更大的圆角给人的感觉是有亲和力,柔软,安全
转载 2023-09-10 18:24:05
250阅读
  • 1
  • 2
  • 3
  • 4
  • 5