Installation and functions of uview

Components - Built in style

Components - Download to install

1. download uview-ui Catalog
2. introduce

// main.js
import uView from "uview-ui";
Vue.use(uView);

/* uni.scss */
@import 'uview-ui/theme.scss';

/* App.vue */
<style lang="scss">
	/*  Pay attention to the first line , At the same time style Label to join lang="scss" attribute  */
	@import "uview-ui/index.scss";
</style>

3. To configure easycom Component mode

// pages.json
{
	"easycom": {
		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
	},

	//  This is what we already have 
	"pages": [
		// ......
	]
}

4. vue.config

module.exports = {
	//  Configure path alias 
	configureWebpack: {
		devServer: {
			disableHostCheck: true
		}
	}
}

Components - Built in style

• Words are omitted
• Reset button style
• Breakpoint form
• Frame ( have ios compatible )
  u-border

Components - matters needing attention

• Background color problem

• Trap of assigning device information
  Equipment height problem

• The main package of the applet is too large to preview and publish

• ::v-deep The problem of writing

Uview js Tools

• toast() Tooltip
• os() Return platform information andriod or ios
• sys() Equipment information
• http Request encapsulation tutorial
• api centralized management
• button Throttling effect
• Object depth cloning
• Object depth merge
• Time format
• Route encapsulation
• Array scrambling
• Generate a globally unique identity
• Color conversion
• Color value
• Object turn url Parameters
• Rule checking
• MD5 encryption
• Random number
• Remove the space
• obtain dom node , Change scroll bar position
• App sharing

Rich templates

guide

• Extended icons iconfont
• Custom theme
• Global variables
  globalData
  vuex