## props [参数配置] v-model 当前组件是否显示 title 标题(支持富文本div标签、自定义插槽内容) content 内容(支持富文本div标签、自定义插槽内容) type 弹窗类型(toast | footer | actionsheet | actionsheetPicker | android/ios) customStyle 自定义弹窗样式 icon toast图标(loading | success | fail | warn...
* @tpl 顶部导航模板(自定义) by andy Q:282310962 */<template><viewclass="uni_topbar":style="style"><viewclass="inner flexbox flex_alignc":class="[fixed ? 'fixed' : '']":style="[{'height': customBarH + 'px', 'padding-top': statusBarH + 'px', 'color': titleTintColor}, bg...
通过shape可以设置选择形状 <template><view><u-checkbox-groupv-model="checkboxValue1"placement="column"@change="checkboxChange"><u-checkbox:customStyle="{marginBottom: '8px'}"v-for="(item, index) in checkboxList1":key="index":label="item.name":name="item.name"></u-checkbox></u-checkbox...
在pages.json 对应页面的 style -> usingComponents 引入组件: AI检测代码解析 { "pages": [ { "path": "index/index", "style": { "usingComponents": { // #ifdef APP-PLUS || MP-WEIXIN || MP-QQ "custom": "/wxcomponents/custom/index" // #endif // #ifdef MP-BAIDU "custom": "/swanc...
// pages.json"pages": [{"path": "uview-ui/components/u-full-screen/u-full-screen","style": {"navigationStyle": "custom", // 取消本页面的导航栏"app-plus": {"animationType": "fade-in", // 设置fade-in淡入动画,为最合理的动画类型"background": "transparent", // 背景透明"background...
customBarH: customBar, screenWidth: e.screenWidth, screenHeight: e.screenHeight, platform: e.platform }) } }) }</script> <style>/*#ifndef APP-NVUE*/@import'static/fonts/iconfont.css';/*#endif*/</style> <style lang="scss">@import'styles/reset.scss'; ...
"selectedColor": "#593A25", "borderStyle": "white", "backgroundColor": "#fff" }, "globalStyle": { "navigationStyle": "custom", "navigationBarTextStyle": "black", "navigationBarTitleText": "移动端框架", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" } } ...
{ type: String, default: 'uv3trip-icon' }, // 自定义样式 customStyle: String, ...
// pages.json{"easycom": {"autoscan":true,"custom": {"^z-(.*)":"@zebra-ui/swiper/components/z-$1/z-$1.vue"} },"pages": [...],"globalStyle": {...} } 通过uni_modules 安装 zebra-swiper已经在uniapp的插件市场发布。 如果使用的IDE为HbuilderX,则可以通过uniapp的插件市场进行项目导...
}//在根目录uni.scss中引入主题样式@import'@/uview-plus/theme.scss';//在app.vue中引入基础样式<style lang="scss">@import"@/uview-plus/index.scss";</style> //pages.json{"custom": {//引入uview-plus组件库"^u-(.*)":"@/uview-plus/components/u-$1/u-$1.vue"}//...} ...