avue弹窗设置为卡片样式

不念不忘少年蓝@ 2023-07-17 09:46 1阅读 0赞

avue弹窗设置为卡片样式，效果如下：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70]  
在js文件中设置属性card：true即可使分组达到card的阴影样式  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70 1]  
但是搜索栏会连带阴影样式。只能人工去除  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70]: /images/20230528/e75ba0a7a24a4dd790a0199ba97fcdb2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70 1]: /images/20230528/5465030db9084ad988e77448848557dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3MDM3Nw_size_16_color_FFFFFF_t_70 2]: /images/20230528/64d153b7efb3419cb3abf050d5b8e5e3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 leaflet 修改popup的样式，个性化弹窗（069）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第069个 [点击查看专栏目录][Link 1]

青旅半醒/ 2024年03月27日 17:34/ 0 赞/ 89 阅读

相关 avue弹窗设置为卡片样式

avue弹窗设置为卡片样式，效果如下：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

不念不忘少年蓝@/ 2023年07月17日 09:46/ 0 赞/ 2 阅读

相关样式集（八）弹窗，规则弹窗，半透明弹窗

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

待我称王封你为后i/ 2022年11月05日 05:27/ 0 赞/ 291 阅读

相关 SweetAlert2网页弹窗---JAVASCRIPT弹窗

一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗，无任何依赖中文文档地址:[http://mishengqiang.com/swe

ゞ浴缸里的玫瑰/ 2022年09月04日 14:53/ 0 赞/ 291 阅读

相关弹窗popWindow

窗口背景透明，设置背景透明度 \aarrggbb aa的大小影响窗口透明度的大小 PopupWindow window; View v = this.

野性酷女/ 2022年06月15日 09:24/ 0 赞/ 357 阅读

相关 js弹窗

js的三种最常见的对话框 \[javascript\] [view plain][][copy][view plain] 1. //==================

布满荆棘的人生/ 2022年06月10日 09:47/ 0 赞/ 290 阅读

相关 easyui 弹窗

<div id="dd" class="easyui-dialog" title="My Dialog" style="width: 400px; height: 10

ゝ一世哀愁。/ 2022年05月22日 12:25/ 0 赞/ 284 阅读

相关 html卡片布局样式

效果图如下 ![这里写图片描述][70] 代码如下 <!DOCTYPE html> <html lang="en"> <

傷城~/ 2022年05月18日 04:42/ 0 赞/ 359 阅读

相关封装alert弹窗样式

开发过程中，有些样式也是要注重美观的，对此，我们可以对一些基层方法做一些样式处理，是效果看起来更加的符合整体样式。 function alertInfo(message)\{

忘是亡心i/ 2022年05月12日 15:54/ 0 赞/ 338 阅读

相关登陆弹窗

js代码 <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <

水深无声/ 2022年03月28日 11:14/ 0 赞/ 392 阅读