products/uni-shop/components/fill-code/fill-code.vue

<template>
  <modal v-model="vValue">
    <view class="screen_all center" @click="closeModal">
      <view class="fill-code center" @click.stop>
        <view class="fill-code-icon-container overflow relative">
          <view class="absolute fill-code-screen">
            <view class="fill-code-title">填写好友邀请码</view>
            <view class="fill-code-info">每个账号仅可绑定一次</view>
          </view>
          <image src="/static/images/code.png" class="fill-code-icon"></image>
        </view>

        <view class="fill-code-input-container">
          <input v-model="content" confirm-type="done" @confirm="submit" type="text" class="screen_all fill-code-input" maxlength="8" placeholder-class="fill-code-input-placeholder" placeholder="请输入邀请码" />
        </view>
        <view @click="submit" class="fill-code-button center">确定</view>
      </view>
      <view @click="closeModal" class="fill-code-close center">
        <text class="iconfont iconfont-close fill-code-close-icon"></text>
      </view>
    </view>
  </modal>

</template>

<script>
import modal from "@/components/modal/main";
import mixins from './mixins';
import props from "./props";
export default {
name: "fill-code",
  mixins,
  props,
  components:{
    modal
  }
}
</script>

<style lang="scss" src="./style.scss">

</style>