หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

C-mobile

องค์ประกอบ UI มือถือสำหรับ Vue 2.0

  • เอกสารภาษาจีน

ติดตั้ง 

yarn add c-mobile
# or
npm install c-mobile --save

ใช้ 

 import Vue from 'vue'
import Mobile from 'c-mobile'
import 'c-mobile/dist/index.css'

Vue . use ( Mobile )

ธีมที่กำหนดเอง

สร้าง index.scs ไฟล์ SCSS ภายใต้โครงการและเขียนเนื้อหาต่อไปนี้: 

 // 常用颜色
$primary : #39f ;
$success : #0c6 ;
$warning : #f90 ;
$danger : #f30 ;

// 文字颜色
$text : #737373 ;
$text-light : #a6a6a6 ;

// 边框颜色
$border : #d9d9d9 ;
@import ' ~c-mobile/dist/index.scss ' ;

จากนั้นนำเข้าไฟล์ SCSS ในไฟล์รายการ main.js: 

 import Vue from 'vue'
import Mobile from 'c-mobile'
import './index.scss'

Vue . use ( Mobile )

Viewport Add Viewport-Fit = Cover เพื่อรองรับ iPhonex และหน้าจอรูปทรงพิเศษอื่น ๆ 

 < meta name =" viewport " content =" viewport-fit=cover " >
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด