vin ui

JD Style Lightweight Vue Component Library ، دعم تطوير برنامج Mobile H5 و Mini Mini

---

يشير Vinui إلى تصميم وتنفيذ Nutui (مكتبة مكونات الهاتف المحمول خفيفة الوزن على طراز JD) ، وإصدار Uniapp الذي تم تنفيذه بناءً على إصدار مكتبة مكون Applet Taro

تم إجراء التعديلات والتعديلات على بعض ميزات UNIAPP ، وتم إضافة بعض المكونات الجديدة ، مما عزز أيضًا وظائف بعض المكونات.

ابدأ بسرعة

يمكنك الرجوع إلى وثائق المشروع: بداية سريعة

ثَبَّتَ

يوفر Vinui حزمة NPM وحزمة uni_modules لتثبيت المكونات.

الطريقة 1: تثبيت NPM وتشغيله

 # Using npm
npm install @vingogo/uni-ui

# Using yarn
yarn add @vingogo/uni-ui

# Using pnpm
pnpm add @vingogo/uni-ui

الطريقة 2: تنزيل سوق UNIAPP

العنوان المكون الإضافي لـ UNIAPP Market: https://ext.dcloud.net.cn/plugin؟id=11187

الطريقة 3: قم بتنزيل الرمز

قم بتنزيل رمز Vinui من خلال GitHub ، ثم انسخ الرمز المعبأ إلى مشروعك الخاص:

1. استنساخ رمز المستودع:

git clone https://github.com/vingogo/vin-ui.git

2. تبعيات التثبيت:

pnpm i

3. في دليل packages/uni-ui ، قم بإجراء تعديلات شخصية على رمز Vinui الذي يناسب الأعمال التجارية
4. سيقوم رمز الإنشاء بإنشاء ملف JS المترجم من ملف TS الأصلي وتحويله إلى ES2015

pnpm run build:uni

قم بإنشاء ملفات للنسخ تحت packages/uni-ui/uni_modules

كيفية استخدام

1. أضف تكوين Easycom في pages.json :

{
  "easycom" : {
    // 此处根据实际文件位置进行修改，如下为通过 npm 包安装的方式配置
    "^vin-(.*)" : " @vingogo/uni-ui/lib/components/$1/index.vue "
  },
  // 此为本身已有的内容
  "pages" : [
    // ......
  ]
}

2. إدخال الأنماط

أضف الكود التالي إلى ملف مدخل المشروع Main.ts أو ملف Main.js:

 import '@vingogo/uni-ui/lib/style.css' ;

3. استخدم في المشروع:

< vin-button type="primary">button</ vin-button >

تشغيل المشروع

يُنصح بالمشروع باستخدام PNPM للتثبيت والتشغيل ، وبدء المشروع:

1. التبعيات التثبيت

pnpm i

2. تشغيل H5 أو Applet

pnpm run dev

3. حدد البيئة المراد تشغيلها بناءً على خيارات سطر الأوامر التفاعلية
4. قم بتشغيل الرمز في المتصفح أو Applet المحدد لتشغيل المجلد/DIST/DEV/DEV

مبنى مكون فينوي

• بناء رمز إصدار NPM:

pnpm run build:lib

بعد تنفيذ الأمر أعلاه ، سيتم إنشاء رمز نشر NPM تحت packages/uni-ui/lib

• بناء رمز إصدار UNI_MODULES:

pnpm run build:uni

بعد تنفيذ الأمر أعلاه ، سيتم إنشاء رمز نشر سوق UNIAPP تحت packages/uni-ui/uni_modules

ميزات Vinui

• 50+ مكونات عالية الجودة تغطي سيناريوهات الهاتف المحمول السائدة
• ؟ دعم السمات المخصصة الديناميكية والموضوعات المخصصة على مستوى المكون
• بناءً على مواصفات رؤية JD
• ؟ دعم الوضع المظلم
• ؟ يدعم مجموعة من التعليمات البرمجية لتطوير تطبيقات H5+ متعددة الأوقات في نفس الوقت
• يدعم تسليط الضوء على خصائص مكون VSCODE
• ؟ الدعم استشهادات الطلب
• وثائق وأمثلة مفصلة
• ؟ دعم TypeScript
• ؟ دعم التدويل

وصلة

• توثيق استخدام المكون
• جيثب
• جيتي
• Uniapp Market Plugin

يتصل

فيما يتعلق بقضايا Vinui ، يرجى إضافة WeChat إلى التبادل. يرجى ملاحظة: فينوي