uniapp ，view组件 box-shadow

Uniapp中的View组件支持box-shadow属性，该属性用于向元素添加阴影效果。

box-shadow属性的语法如下：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，各个参数的含义如下：

- h-shadow：必需，表示水平方向上的阴影偏移量，可以是正数或负数。
- v-shadow：必需，表示垂直方向上的阴影偏移量，可以是正数或负数。
- blur：可选，表示阴影的模糊程度，值越大阴影越模糊，可以是0。
- spread：可选，表示阴影的扩展程度，值越大阴影越大，可以是0。
- color：可选，表示阴影的颜色，可以是颜色值、rgb值、rgba值、hsl值、hsla值或者是预定义的颜色名称。
- inset：可选，表示阴影是否内嵌，如果指定该值，阴影将在元素内部呈现，否则在元素外部呈现。

示例代码：

<template>
  <view class="shadow-box">
    <text class="shadow-text">Hello, Uniapp!</text>
  </view>
</template>

<style>
  .shadow-box {
    width: 200px;
    height: 100px;
    background-color: #fff;
    box-shadow: 5px 5px 10px #666;
  }
  .shadow-text {
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 100px;
  }
</style>

效果如下：