zhaohu.vue 1015 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="zhaohu">
  3. <u-radio-group v-model="value" @change="radioGroupChange" active-color="#0C66C2" placement='column'>
  4. <view class="zhaohu-item" v-for="(item,index) in 5" :key="index">
  5. <u-radio :name="index">
  6. <text class="text1">您好,我已有5年工作经验,现任职位UI,对贵公司该职位很感兴趣,希望能与您进一步沟通</text>
  7. </u-radio>
  8. </view>
  9. </u-radio-group>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {
  16. value: ''
  17. }
  18. },
  19. onLoad() {
  20. },
  21. methods: {
  22. radioGroupChange() {
  23. }
  24. }
  25. }
  26. </script>
  27. <style lang="scss" scoped>
  28. .zhaohu {
  29. padding: 0 32rpx;
  30. box-sizing: border-box;
  31. .zhaohu-item {
  32. box-sizing: border-box;
  33. padding: 40rpx 0;
  34. border-bottom: 2rpx solid #F0F0F0;
  35. overflow: hidden;
  36. .text1{
  37. font-size: 30rpx;
  38. font-family: PingFangSC-Regular, PingFang SC;
  39. font-weight: 400;
  40. color: #222222;
  41. margin-left: 10rpx;
  42. // display: inline-block;
  43. }
  44. }
  45. }
  46. </style>