information.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <template>
  2. <view>
  3. <!-- 顶部导航栏 -->
  4. <!-- <uni-nav-bar status-bar=true left-icon="arrowthinleft" background-color="#03b6b3" color="#ffffff" @clickLeft="navigateBack">
  5. <text slot="default" style="text-align: center; flex: 1; font-size: 18px; font-weight: bold;">报名信息</text>
  6. <button slot="right" size="mini" style="height: 30px; color: #FFFFFF; background-color: #1e9694; padding: 0 10px"
  7. @click="save">确定</button>
  8. </uni-nav-bar> -->
  9. <!-- 信息填入 -->
  10. <view class="uni-common-mt">
  11. <view class="uni-form-item uni-column">
  12. <input class="uni-input" v-model="message" @input="setUser"/>
  13. </view>
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue";
  19. export default {
  20. components: {
  21. uniNavBar
  22. },
  23. props: [
  24. // 'contactPersonName',
  25. // 'nameEn',
  26. // 'contactCellphone',
  27. // 'contactEmail',
  28. 'propval'
  29. ],
  30. data() {
  31. return {
  32. message: "",
  33. flag: false,
  34. }
  35. },
  36. watch:{
  37. // propval(val){
  38. // this.message = val;
  39. // },
  40. // contactPersonName(val){
  41. // this.message = val;
  42. // },
  43. // nameEn(val){
  44. // this.message = val
  45. // },
  46. // contactCellphone(val){
  47. // this.message = val
  48. // },
  49. // contactEmail(val){
  50. // this.message = val
  51. // },
  52. // contactEmail(val){
  53. // this.message = val
  54. // },
  55. },
  56. mounted() {
  57. this.message = this.propval;
  58. // const that = this;
  59. // const eventChannel = this.getOpenerEventChannel();
  60. // eventChannel.on('sandChangedText', function(data) {
  61. // that.mark = data.mark;
  62. // that.message = data.value;
  63. // that.invitationCodeArr = data.invitationCodeArr
  64. // });
  65. },
  66. methods: {
  67. setUser(){
  68. this.$emit('input',this.message)
  69. // this.$emit('transferUser',this.message)
  70. },
  71. },
  72. }
  73. </script>
  74. <style>
  75. page {
  76. /* background-color: #888888; */
  77. }
  78. .uni-common-mt {
  79. position: relative;
  80. }
  81. .uni-input {
  82. height: 54rpx;
  83. width: 650rpx;
  84. /* margin-left: 10rpx; */
  85. font-size: 30rpx;
  86. background: #E4E7ED;
  87. }
  88. .icon-clear {
  89. position: absolute;
  90. top: 50%;
  91. right: 10rpx;
  92. transform: translate(0, -50%);
  93. }
  94. </style>