wx-qhb/pageD/components/remark.vue

<template>
  <u-popup
    :show="show"
    mode="center"
    @close="$emit('remarkClose')"
    :closeable="true"
    safeAreaInsetTop
    :round="10"
  >
    <view style="width: 500rpx; padding: 20rpx">
      <u--textarea
        v-model="value1"
        placeholder="请输入内容"
        count
        :height="100"
      ></u--textarea>
      <view class="btn-list">
        <button class="btn-1" @click="$emit('remarkClose')">取消</button
        ><button class="btn-2" @click="$emit('remarkClose', value1)">
          确认
        </button>
      </view>
    </view>
  </u-popup>
</template>
<script>
export default {
  props: {
    show: {
      typeof: Boolean,
      default: false,
    },
  },
  data() {
    return { value1: "" };
  },
};
</script>
<style lang="scss" scoped>
.btn-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 20rpx;
  .btn-1 {
    width: 204rpx;
    height: 72rpx;
    border-radius: 42rpx;
    border: 2rpx solid #f83224;
    background-color: #fff;
    line-height: 72rpx;
    color: #f83224;
  }
  .btn-2 {
    width: 204rpx;
    height: 72rpx;
    border-radius: 42rpx;
    border: 2rpx solid #f83224;
    background-color: #f83224;
    line-height: 72rpx;
    color: #fff;
  }
}
</style>