web-website/src/layout/svstem/diaocha.vue

<template>
  <div id="diaocha">
    <el-col class="swfl">
      <el-image style="width:240px;height:60px;" :src="src"></el-image>
      <!-- <span>{{ title }}</span> -->
    </el-col>
    <el-col :span="24" class="tu">
      <el-image :src="pic"></el-image>
    </el-col>
    <el-col :span="24" class="wenZi">
      <el-col :span="24"> 您是否愿意继续关注本平台 </el-col>
      <el-col :span="24">
        <el-radio-group v-model="form.resource">
          <el-col :span="24" class="anniu"><el-radio :label="3"> 同意</el-radio></el-col>
          <el-col :span="24" class="anniu"> <el-radio :label="6">不同意</el-radio></el-col>
          <el-col :span="24" class="anniu"> <el-button type="primary" @click="onSubmit">立即创建</el-button></el-col>
        </el-radio-group>
      </el-col>
    </el-col>
  </div>
</template>

<script>
export default {
  name: 'diaocha',
  props: {},
  components: {},
  data: () => ({
    src: require('@/assets/diaocha.gif'),
    pic: require('@/assets/cha.png'),

    form: {
      resource: '',
    },
  }),
  created() {},
  computed: {},
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    onSubmit() {
      console.log('submit!');
    },
  },
};
</script>

<style lang="less" scoped>
.swfl {
  text-align: center;
}
.swfl span {
  font-size: 22px;
  color: #ffffff;
}
/deep/.el-menu-item {
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-bottom: 1px dashed;
  font-size: 22px;
}
/deep/.el-menu-item:last-child {
  border-bottom: none;
}
.tu {
  width: 150px;
  margin: 20px 0 0 70px;
  height: 100px;
}

.wenZi {
  width: 220px;
  padding-left: 28px;
  font-size: 14px;
  padding-right: 10px;

  line-height: 30px;
  padding-bottom: 15px;
}
.anniu {
  padding: 10px 0 0 10px;
}
</style>