question.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <div id="question">
  3. <el-row>
  4. <el-col :span="24" class="info">
  5. <el-col :span="24" class="infoTop">
  6. <el-image style="width:250px;height:60px;" :src="pic"></el-image>
  7. </el-col>
  8. <el-col :span="24" class="form">
  9. <el-col :span="24" class="image">
  10. <el-image :src="formImage" style="width:100px;height:80px;"></el-image>
  11. </el-col>
  12. <el-form ref="form" :model="form">
  13. <el-form-item label="您是否愿意继续关注本平台">
  14. <el-radio-group v-model="form.resource">
  15. <el-radio label="愿意"></el-radio>
  16. <el-radio label="不愿意"></el-radio>
  17. </el-radio-group>
  18. </el-form-item>
  19. <el-form-item>
  20. <el-button type="primary" @click="onSubmit">确认提交</el-button>
  21. </el-form-item>
  22. </el-form>
  23. </el-col>
  24. </el-col>
  25. </el-row>
  26. </div>
  27. </template>
  28. <script>
  29. export default {
  30. name: 'question',
  31. props: {},
  32. components: {},
  33. data: () => ({
  34. pic: require('@/assets/diaocha.gif'),
  35. formImage: require('@/assets/cha.png'),
  36. form: {
  37. resource: '',
  38. },
  39. }),
  40. created() {},
  41. computed: {},
  42. methods: {
  43. onSubmit() {
  44. console.log('submit!');
  45. },
  46. },
  47. };
  48. </script>
  49. <style lang="less" scoped>
  50. .infoTop {
  51. width: 250px;
  52. height: 60px;
  53. overflow: hidden;
  54. }
  55. .image {
  56. text-align: center;
  57. margin: 20px 0;
  58. }
  59. .form .el-form {
  60. float: left;
  61. width: 100%;
  62. text-align: center;
  63. }
  64. /deep/.el-radio {
  65. color: #000;
  66. }
  67. /deep/.el-form-item__label {
  68. width: 100%;
  69. text-align: center;
  70. color: #000;
  71. }
  72. </style>