<template>
<view>
<!-- 自定义导航栏 -->
<uni-nav-bar :statusBar="true" rightText="发布" left-icon="back" @click-left="back" @click-right="submit">
<view class="u-f-ajc" @tap="changelook">
{{yinsi}}
<view class="icon iconfont icon-xialazhankai"></view>
</view>
</uni-nav-bar>
<!-- 多行输入框 -->
<view class="uni-textarea">
<textarea v-model="text" placeholder="说一句话吧~" />
</view>
</view>
</template>
<script>
let changelook= ['所有人可见', '仅自己可见'];
import uniNavBar from "../../components/uni-nav-bar/uni-nav-bar.vue";
export default {
components:{
uniNavBar
},
data() {
return {
yinsi:"所有人可见",
text:""
};
},
methods:{
// 返回
back(){
uni.navigateBack({ delta: 1 });
},
// 发布
submit(){
console.log("发布")
},
// 隐私
changelook(){
uni.showActionSheet({
itemList:changelook,
success: (res)=> {
this.yinsi=changelook[res.tapIndex]
}
});
}
}
}
</script>
<style>
.uni-textarea{
border: 1upx solid #EEEEEE;
}
</style>