id=app-titlenview-backbuttonstyles backgroundImage String 支持以下类型: 背景图片路径 - 如"/static/img.png",仅支持本地文件绝对路径,根据实际标题栏宽高拉伸绘制; 渐变色 - 仅支持线性渐变,两种颜色的渐变,如“linear-gradient(to top, #a80077, #66ff00)”, 其中第一个参数为渐变方向,可取值: "to rig...
根据项目需求封装~ 用到了linear-gradient // 所用到参数 X 水平 Y 垂直 dash 虚线 solid 实线 color 颜色 "dash-width" 每条虚线宽度(px) 1. 2. 3. 4. 5. 6. 7. 组件使用 <template> <dw-line dash X></dw-line> </template> import dwLine from "@/components/Line/dwLine"; 1. 2. 3...
| backgroundImage | String | | 支持以下类型: 背景图片路径 - 如"/static/img.png",仅支持本地文件绝对路径,根据实际标题栏宽高拉伸绘制; 渐变色 - 仅支持线性渐变,两种颜色的渐变,如“linear-gradient(to top, #a80077, #66ff00)”, 其中第一个参数为渐变方向,可取值: "to right"表示从左向右渐变, ...
my-page { min-height: 500rpx; padding: 150rpx 30rpx 10rpx; background-image: linear-gradient( 180deg, rgba(44, 181, 165, 0.46) 0, rgba(44, 181, 165, 0) 500rpx ); } .user-profile { display: flex; height: 140rpx; } .user-avatar { width: 140rpx; height: 140rpx...
此组件上边部分有一个白色虚化的阴影,用以将点击区域与文字内容进行融合,如果您不想要这个阴影,可以调整shadow-style对象,此对象内部如下: {backgroundImage:"linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%)",paddingTop:"300rpx",marginTop:"-300rpx"} ...
backgroundImage String 支持以下类型: 背景图片路径 - 如"/static/img.png",仅支持本地文件绝对路径,根据实际标题栏宽高拉伸绘制; 渐变色 - 仅支持线性渐变,两种颜色的渐变,如“linear-gradient(to top, #a80077, #66ff00)”, 其中第一个参数为渐变方向,可取值: "to right"表示从左向右渐变, “to left"...
background 画板的背景色,支持颜色渐变,但要写百分比及方向如:background: 'linear-gradient(to right, #ff971b 0%, #ff5000 100%)' string views 画板的元素集,请向下看各元素的参数 object 块View 参数说明 type 元素类型view css 元素的样式,top、left、width、height、background、radius、border、shadow、...
{ backgroundColor: "#001f3f", // 导航栏背景图 // background: 'url(https://xxx.com/xxx.jpg) no-repeat', // 还可以设置背景图size属性 // backgroundSize: 'cover', // 渐变色 // backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))' }, }; }, }...
$main:#07c160; //主背景色 $lightMain: #dff5e2; //淡主色 $mainInverse:#fff; //与主色搭配的反色 $mainGradual:linear-gradient(to top right,#67D79F,#00A28A); //渐变主色 $mainGradualInverse:#fff; //与渐变主色搭配的反色 修改完毕后,请确保在 App.vue 文件中通过如下方式引入样式库文...
nvue所支持的通用样式已在本文档中全部列出,一些组件可能有自定义样式,请参考组件文档。除此之外的属性,均不被支持。 注意事项 nvue的css仅支持flex布局,是webview的css语法的子集。这是因为操作系统原生排版不支持非flex之外的web布局。当然flex足以排布出各种页面,只是写法需要适应。