A configurable Mobile UI based on Antd Mobile and Vue

Overview

English | 简体中文

UI Nuclear Mobile

A configurable Mobile UI specification and Vue-based implementation.

Documents

Demo

Live Demo

Clone this Project and run

$ npm run dev

Installation

$ npm install ui-nuclear-mobile --save

Usage

import UiNuclearMobile from 'ui-nuclear-mobile'
import 'ui-nuclear-mobile/dist/main.css'

...

Vue.use(UiNuclearMobile)
You might also like...
A fantastic mobile ui lib implement by Vue.

A fantastic mobile ui lib implement by Vue.

Hybrid mobile template built with Ionic Vue using capacitor for native builds
Hybrid mobile template built with Ionic Vue using capacitor for native builds

Ionic Vue Mobile Template 03 Hybrid mobile template built with Ionic Vue using c

Material design mobile component library for Vue3
Material design mobile component library for Vue3

Material design mobile component library for Vue3

Capybara : Storefront UI based theme for Vue Storefront
Capybara : Storefront UI based theme for Vue Storefront

Capybara - Storefront UI based theme for Vue Storefront New default template theme for Vue Storefront, based on Storefront UI. 90% of the Capybara cod

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

Ionic Framework Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture
Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

A frontend SIMPLE Admin Interfaces, based on Vite + Vue3 + Antd + Typescript
A frontend SIMPLE Admin Interfaces, based on Vite + Vue3 + Antd + Typescript

Lightweight, pure, easy to use Vue3 admin interfaces.

Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架。
Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架。

项目介绍 Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架,系统集成了同步菜单、异步菜单、RBAC、 菜单权限、日志管理、Excel导

6pan 6盘小白羊 第二版 vue3+antd+typescript
6pan 6盘小白羊 第二版 vue3+antd+typescript

6pan 6盘小白羊 第二版 vue3+antd+typescript

企业级流程中心(基于flowable和bpmn.js封装的流程引擎,采用Springboot,Mybatis-plus, Ehcache, Shiro 等框架技术,前端采用Vue3&Antd,Vben)
企业级流程中心(基于flowable和bpmn.js封装的流程引擎,采用Springboot,Mybatis-plus, Ehcache, Shiro 等框架技术,前端采用Vue3&Antd,Vben)

预览 企业数智化 - 流程中心 企业数智化 - 门户 操作演示 - 流程中心 操作演示 - 门户 码云 GitHub 流程后台 门户前台 后台安装 1、安装数据库 新建一个数据库flow 导入数据库脚本:docs/sql/flow.sql 2、配置数据源 修改flow-admin模块下的resour

Fast, Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js.
Fast, Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js.

Framevuerk Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js. Setup First of all, you shoul

✨ Configurable and native-like page transition for Vue3 and vue-router-next

vue-router-transition ✨ Configurable and native-like page transition for Vue3 and vue-router-next Demo Code Demo Why ❓ Light weight: Only one componen

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

vue-auth is easily configurable solution for Vue.js that provides local login/registration as well as Social login using Github, Facebook, Google and other OAuth providers.

vue-auths vue-auth is easily configurable solution for Vue.js that provides local login/registration as well as Social login using Github, Facebook, G

vue-authenticate is easily configurable solution for Vue.js that provides local login/registration as well as Social login using Github, Facebook, Google and other OAuth providers.

vue-authenticate is easily configurable solution for Vue.js that provides local login/registration as well as Social login using Github, Facebook, Google and other OAuth providers.

A responsive and configurable Marmoset Viewer component for Vue.

A responsive and configurable Marmoset Viewer component for Vue.

VueQuintable is a table wrapper for Vue.js 2.x. It is build with bootstrap 5.x. High configurable, easy to use, flexible and responsive.
VueQuintable is a table wrapper for Vue.js 2.x. It is build with bootstrap 5.x. High configurable, easy to use, flexible and responsive.

VueQuintable is a table wrapper for Vue.js 2.x. It is build with bootstrap 5.x. High configurable, easy to use, flexible and responsive.

Pomotroid is a simple and configurable Pomodoro timer.
Pomotroid is a simple and configurable Pomodoro timer.

Pomotroid is a simple and configurable Pomodoro timer. It aims to provide a visually-pleasing and reliable way to track productivity using the Pomodoro Technique.

Comments
  • 如何实现Picker组件的国际化

    如何实现Picker组件的国际化

    问题描述:

    Picker组件是由底层组件MobilePicker封装实现的,组件内的文字是由父组件prop,在底层组件渲染,如果上层组件没有prop,则渲染默认的值。 Picker组件prop属性:

     okText: {
          type: String,
          default: '确定'
        },
     dismissText: {
          type: String,
          default: '取消'
        },
     title: String
    

    目前无法将语言包的值currentLocale.xxx传给底层组件,不能实现国际化。

    设想:是否直接在底层组件MobilePicker实现国际化?

    需要思考的问题:

    • 在底层组件实现多语言,组件<LocaleProvider>包裹是否有效?
    • 后期底层组件可能会抽出来成为一个单独的项目,这种方式实现国际化是否有影响?
    question 
    opened by zhuhyun 5
  • Tabs组件切换page时报错

    Tabs组件切换page时报错

    <template>
      <div>
        <un-tabs :tabs="tabs" :swipeable="false">
          <div class="tab1">the tab1.</div>
          <div class="tab2">the tab2.</div>
        </un-tabs>
      </div>
    </template>
    
    <script>
    import { Tabs } from "ui-nuclear-mobile";
    export default {
      components: { "un-tabs": Tabs },
      data() {
        return { tabs: [{ sub: "0", title: "Tab1" }, { sub: "1", title: "Tab2" }] };
      }
    };
    </script>
    

    切换page时报错: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "page"

    opened by likeke1997 2
Releases(v0.0.24)
🐡 A mobile UI toolkit designed for financial scenarios, and compatible with multiple platforms based on Vue DSL(Vue 2.0).

Mand [email protected] ?? A mobile UI toolkit designed for financial scenarios, and compatible with multiple platforms based on Vue DSL(Vue 2.0). Webapp Unia

Mand Mobile 11 Jun 24, 2022
A Mobile UI components based on Weui Design and Vue

A Mobile UI components based on Weui Design and Vue Features Support TS Install $ npm install weui-design-vue --save Quickstart in src/main.js import

null 23 Nov 9, 2022
Mobile UI Components based on Vue & WeUI

Be Cool with Vue@^2.3.0 and WeUI. Live Demo >> Sponsors 我们的产品 Requirements 暂未适配 vue-cl[email protected],请注意。 vue@^2.3.0(for .sync modifier) webpack@^2.0 node@^7.6

Airyland 17.6k Dec 28, 2022
💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

?? A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

DiDi 3.3k Jan 8, 2023
Native mobile applications using Vue and NativeScript.

Supporting NativeScript-Vue NativeScript-Vue is an MIT-licensed open source project made possible by our sponsors: and these awesome backers: Tiago Al

NativeScript-Vue 5k Dec 29, 2022
Sahay-mobileapp - Sahay mobile app built using VueJS and Ionic

A product to help humanity, and India as a country, especially during the novel

Siddhayak 0 Jan 24, 2022
NutUI 3 - 京东风格的轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

NutUI 3 - 京东风格的轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

JDR Design FE 4.9k Jan 3, 2023
Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native Visit our website at vue-native.io or read the official documentation here. Build native mobile apps using Vue Vue Native is a framework to

GeekyAnts 8.4k Dec 28, 2022
Mobile UI elements for Vue.js

Mint UI Mobile UI elements for Vue 2.0 Homepage Documentation Installation npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all compone

饿了么前端 16.5k Dec 30, 2022
Lightweight Mobile UI Components built on Vue

Vant Mobile UI Components built on Vue ?? 文档网站(国内) ?? 文档网站(GitHub) ???? 中文版介绍 Features 65+ Reusable components 1kb Component average size (min+gzip) 9

有赞 20.7k Jan 4, 2023