123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- <template>
- <view>
- <!-- 顶部导航栏 -->
- <!-- <uni-nav-bar status-bar=true left-icon="arrowthinleft" background-color="#03b6b3" color="#ffffff" @clickLeft="navigateBack">
- <text slot="default" style="text-align: center; flex: 1; font-size: 18px; font-weight: bold;">报名信息</text>
- <button slot="right" size="mini" style="height: 30px; color: #FFFFFF; background-color: #1e9694; padding: 0 10px"
- @click="save">确定</button>
- </uni-nav-bar> -->
- <!-- 信息填入 -->
- <view class="uni-common-mt">
- <view class="uni-form-item uni-column">
- <input class="uni-input" v-model="message" @input="setUser"/>
- </view>
- </view>
- </view>
- </template>
- <script>
- import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue";
- export default {
- components: {
- uniNavBar
- },
- props: [
- // 'contactPersonName',
- // 'nameEn',
- // 'contactCellphone',
- // 'contactEmail',
- 'propval'
- ],
- data() {
- return {
- message: "",
- flag: false,
- }
- },
- watch:{
- // propval(val){
- // this.message = val;
- // },
- // contactPersonName(val){
- // this.message = val;
- // },
- // nameEn(val){
- // this.message = val
- // },
- // contactCellphone(val){
- // this.message = val
- // },
- // contactEmail(val){
- // this.message = val
- // },
- // contactEmail(val){
- // this.message = val
- // },
- },
- mounted() {
- this.message = this.propval;
- // const that = this;
- // const eventChannel = this.getOpenerEventChannel();
- // eventChannel.on('sandChangedText', function(data) {
- // that.mark = data.mark;
- // that.message = data.value;
- // that.invitationCodeArr = data.invitationCodeArr
- // });
- },
- methods: {
- setUser(){
- this.$emit('input',this.message)
- // this.$emit('transferUser',this.message)
- },
- },
- }
- </script>
- <style>
- page {
- /* background-color: #888888; */
- }
- .uni-common-mt {
- position: relative;
- }
- .uni-input {
- height: 54rpx;
- width: 650rpx;
- /* margin-left: 10rpx; */
- font-size: 30rpx;
- background: #E4E7ED;
- }
- .icon-clear {
- position: absolute;
- top: 50%;
- right: 10rpx;
- transform: translate(0, -50%);
- }
- </style>
|