app-plusObject设置编译到App平台的具体样式，配置项参考下面的app-plusApp参考地址https://uniapp.dcloud.io/coll。..app-plus配置编译到App平台时的具体样式，一些常用的配置H5平台也支持。以下只是常用的，更多配置项参考WebviewStyles。titleNViewObjectNavigationbar，参见：NavigationBarApp,H5subNVuesObjectNative子窗口，参见：Native子窗口App1.9.10+bounceString页面弹跳效果，设置为“none”则关闭该效果。App(nvueAndroid没有页面级弹跳效果，只有list、recycle-list、waterfall等滚动组件有弹跳效果)softinputNavBarStringauto完成工具栏在iOS软键盘上的显示方式，设置为"none"即可关闭工具栏。仅对ios有效softinputModeStringadjustPan软键盘弹出模式，支持adjustResize和adjustPan两种模式ApppullToRefreshObject下拉刷新AppscrollIndicatorString滚动条显示策略，设置为“none”时不显示滚动条。AppanimationTypeString弹窗显示的动画效果，详见：弹窗动画。AppanimationDurationNumber300窗口显示动画的持续时间，单位为毫秒。AppTips.nvue页面只支持titleNView和pullToRefresh配置，其他配置项不支持导航栏backgroundColorString#F7F7F7背景色，颜色值格式为“#RRGGBB”。使用半透明标题栏时，还可以设置rgba格式按钮数组来自定义按钮。详见buttons纯nvue，即render:native不支持titleColorString#000000标题文字颜色titleOverflowStringellipsis标题文字超出显示区域时的处理方式。"clip"-内容超出显示区域时进行剪辑；"ellipsis"-超出显示区域时显示结尾的省略号(...)。titleTextString标题文字内容titleSizeString标题文字字体大小typeString默认导航栏样式。“默认”-默认样式；“透明”——滚动透明渐变；"float"-浮动导航栏。App-nvue2.4.4+支持tagsArrayNativeView增强，参见：5+ViewcontrolsearchInputObject原生导航栏搜索框配置，参见：searchInput1.6.0页面支持配置navigationStyle为自定义，或者titleNView为false禁用本机导航栏。禁用本机导航后，请阅读自定义导航注意事项。titleNView不能设置autoBackButton、homeButton等属性。当titleNView的type值为透明时，导航栏为滚动的透明渐变导航栏。默认只有按钮。滚动后，标题栏和标题文字的背景颜色会逐渐出现；当type为float时，导航栏为标题栏悬浮。此时页面内容到达屏幕顶部，包括状态栏，但导航栏悬浮在页面上方。一般这种场景下，导航栏的背景色同时设置为rgba半透明色。当titleNView的type值为透明时，App-nvue2.4.4+支持在titleNView、vue页面配置按钮后监听按钮点击事件，nvue的uni-app编译方式参考：onNavigationBarButtonTap，nvue的weex编译方式参考：uni。onNavigationBarButtonTap在titleNView配置searchInput后，相关事件监听参考：onNavigationBarSearchInputChanged等app。如果App下原生导航栏的按钮使用字体图标，注意检查字体库（font-family）的名字是否使用默认的iconfont，这个名字是reservedword不能作为一个名字外部导入的字体库。需要调整为自定义名称，否则无法显示。typeStringnone按钮样式，可能取值见：buttonsstylecolorString默认颜色与标题文字颜色相同backgroundString默认值为灰色半透明按钮的背景颜色，仅在标题栏类型时生效=transparentbadgeTextStringbutton屏幕上显示的上标文字最多可以显示3个字符。超过则显示为...colorPressedString默认值为color，属性值自动调整透明度为0.3。状态按钮的文字颜色为floatStringright按钮在标题栏上的显示位置，可以取值"left","right"fontWeightStringnormal按钮上文字的粗细。可能的值是“normal”——标准字体，“bold”——粗体。fontSizeString按钮上文字的大小fontSrcString按钮上文字使用的字体文件路径。不支持网络地址，请统一使用本地地址。selectStringfalse是否显示选择指示图标（向下箭头），常用于城市选择文本字符串按钮上显示的文字。使用字体图标时，unicode字符必须以'u'开头，如“ue123”（注意不能写成“e123”）。widthString44px按钮的宽度，可能的值："*px"-逻辑像素值，如"10px"表示10个逻辑像素值，不支持rpx。按钮的内容显示在中心；"auto"-自计算宽度，根据内容自动调整按钮的宽度Buttonstyle当使用type值设置按钮的样式时，fontSrc和text属性会被忽略。forwardForwardbuttonbackBackbuttonshareSharebuttonfavoriteFavoritebuttonhomeHomeHomePagebuttonmenuMenubuttoncloseClosebuttonnone没有样式，需要通过text属性设置按钮上显示的内容，通过fontSrc属性设置使用的字体库。搜索框配置searchInput可以在titleNView的原生导航栏上放置一个搜索框。它的宽度适应周围的元素。autoFocusBooleanfalse是否自动获取焦点alignStringcenter非输入状态下文本的对齐方式。可能的值："left"-左对齐；“右”——右对齐；"center"-居中对齐。backgroundColorStringrgba(255,255,255,0.5)背景色borderRadiusString0px输入框的圆角半径，取值格式为“XXpx”，其中XX为像素值（逻辑像素），不支持rpx。占位符String提示文本。placeholderColorString#CCCCCC提示文字颜色禁用BooleanfalsesearchInput是否可以输入提示searchInput点击输入框onNavigationBarSearchInputClicked，文字变化onNavigationBarSearchInputChanged，点击搜索按钮onNavigationBarSearchInputConfirmed等生命周期，见文档页面生命周期。在生命周期中，可以通过参数e.text获取输入框的内容。详见hellouni-app中模板顶部导航栏示例。如果需要动态修改searchInput，或者获取searchInput的占位符，参考uni-app在App端动态修改导航栏。如何使用vueximportVuefrom'vue'importinuni-appVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{},mutations:{},actions:{}})exportdefaultstoreimportVuefrom'vue'importAppfrom'./App'//引入vueximportstorefrom'./store'//定义vuex为全局组件Vue.prototype.$store=storeVue.config.productionTip=falseApp.mpType='app'constapp=newVue({...App,//mountstore})app.$mount()使用vuex单页第一次进入应用为未登录状态------>登录---------->关闭应用，重新打开--------->对于登录状态，传统应用保持登录状态，通过读取cookie来判断是否登录。uni-app不支持cookies的读写。因为uni-app框架的主体是VUE，所以可以使用vuex进行登录状态管理。微信小程序风格的box-sizing用法box-sizing设置的属性是border-box，会将border和padding计入width。小程序里貌似只有border-box和defaultcontent-box，也就是说，即使设计成padding-box，content-box还是默认显示的??别忘了留下你的学习脚印【点赞+收藏+评论】作者信息：【作者】：Jeskson【原创公众号】：达达前端【福利】：公众号回复“资讯”送自学资料大礼包（进群分享，你要什么就说什么，看我有没有）！【转载说明】：转载请注明出处，谢谢合作！~大前端开发，定位前端开发技术栈博客，PHP背景知识点，web全栈技术领域，数据结构与算法，网络原理等以通俗易懂的方式呈现给小伙伴方式。感谢您的支持，感谢您的厚爱！！！如本账号内容有问题（例如：涉及版权或其他问题），请及时联系我们进行整改，我们会尽快处理。请喜欢它！因为您的认可/鼓励是我写作最大的动力！欢迎来到达达的CSDN！这是一个有品质有态度的博客
