ruoyi-vue-plus-uniapp

# myView组件

提示

myView组件是uniapp中最基础的组件.可以通过各种各样的属性来实现css样式的控制, 基本可以实现0css样式的编写

# 基本使用


<template>
  <view>
    <myView width="300" height="300" background="red" borderRadius="32" marginTop="64" marginLeft="100"></myView>

    <myView width="300" height="300" background="red" borderRadius="32" marginTop="64" marginLeft="100">
      <myView width="100" height="100" background="blue"></myView>
    </myView>
  </view>
</template>

# Props属性

参数 说明 类型 默认值
display 默认flex inline默认 none隐藏 hidden占位隐藏 inline-block行内块元素 block块级元素 有换行符 inherit从父元素继承 String flex
hidden 保持占位，实现显示和隐藏 Boolean false
opacity 透明度 Number\String 宽度
flex 占比 String 无
col 默认flex row 方向 Boolean false
stop 是否阻止事件传递 Boolean false
position 相对位置 String ''
zIndex 层级 Number\String ''
top 顶部 , absolute/fixed时使用 Number\String ''
right 右侧 , absolute/fixed时使用 Number\String ''
bottom 下边 , absolute/fixed时使用 Number\String ''
left 左边 , absolute/fixed时使用 Number\String ''
flexWrap 规定灵活项目是否拆行或拆列 nowrap wrap wrap-reverse initial inherit String ''
alignItems 对齐位置 stretch 默认拉伸以适应容器 center容器的中心\flex-start\flex-end\baseline\initial\inherit; String ''
justifyContent 对齐位置 space-between分居两边 space-around 平均 flex-end尾部 flex-start头部 left表示从左到右 String ''
overflow 默认值visible hidden scroll auto inherit(继承) String ''
width 宽度 Number\String ''
height 高度 Number\String ''
background 背景颜色 String ''
transform 旋转 String ''
transition 过渡 String ''
size 字体大小 Number\String ''
minWidth 最小宽度 Number\String ''
maxWidth 最大宽度 Number\String ''
minHeight 最小高度 Number\String ''
maxHeight 最大高度 Number\String ''
borderRadius 圆角 Number\String ''
border 边框 Number\String ''
boxShadow 阴影 Number\String ''
borderTop 上边线 String ''
borderRight 右边线 String ''
borderBottom 底边线 String ''
borderLeft 左边线 String ''
padding 内边距 Number\String ''
paddingTop 上内边距 Number\String ''
paddingRight 右内边距 Number\String ''
paddingBottom 下内边距 Number\String ''
paddingLeft 左内边距 Number\String ''
margin 外边距 Number\String ''
marginLeft 距离左侧 Number\String ''
marginRight 距离右侧 Number\String ''
marginTop 距离顶部 Number\String ''
marginBottom 距离下边 Number\String ''
filter 滤镜 none 高斯模糊blur(rpx) 线性乘法brightness(%) 调整图像的对比度contrast(%) 阴影效果drop-shadow(h-shadow v-shadow blur spread color) 将图像转换为灰度图像grayscale(%) 给图像应用色相旋转hue-rotate(deg) 反转输入图像invert(%) 转化图像的透明程度opacity(%) 转换图像饱和度saturate(%) 将图像转换为深褐色sepia(%) URL函数接受一个XML文件url()如：filter: url(svg-url#element-id) String none
customStyle 自定义样式 Object {}

# Event事件

事件名 说明 回调参数
confirm 点击时触发 无

← myScrollView可滑动view →