效果图如上
采用的ui组件是uview-ui
实现方式
修改组件代码 uview-ui/components/u-action-sheet/u-action-sheet.vue
uview-ui/components/u-action-sheet/u-action-sheet.vue直接上代码
<template>
<u-popup :show="show" mode="bottom" @close="closeHandler" :safeAreaInsetBottom="safeAreaInsetBottom" :round="round">
<view class="u-action-sheet">
<view class="u-action-sheet__header" v-if="title">
<text class="u-action-sheet__header__title u-line-1">{
{title}}</text>
<view class="u-action-sheet__header__icon-wrap" @tap.stop="cancel">
<u-icon name="close" size="17" color="#c8c9cc" bold><