https://github.com/atong9/vue-phone-preview
💻📱适用于pc端后台管理系统手机预览（VueCli3.x+TypeScript）
https://github.com/atong9/vue-phone-preview
admin-phone-preview typescript vuecli3
Last synced: about 1 year ago
JSON representation
💻📱适用于pc端后台管理系统手机预览（VueCli3.x+TypeScript）
- Host: GitHub
- URL: https://github.com/atong9/vue-phone-preview
- Owner: aTong9
- License: mit
- Created: 2019-10-22T09:50:58.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-05-07T02:18:19.000Z (about 3 years ago)
- Last Synced: 2025-03-17T13:41:06.869Z (about 1 year ago)
- Topics: admin-phone-preview, typescript, vuecli3
- Language: HTML
- Homepage:
- Size: 1.13 MB
- Stars: 17
- Watchers: 2
- Forks: 2
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-phone-preview
## 适用于pc端后台管理系统手机预览
> A VueCli3.x+TypeScript Toolkit for Web.
[demo](https://atong9.github.io/vue-phone-preview/)
## Demo pictures
## Install
```
$ npm i --save vue-phone-preview
or
$ yarn add vue-phone-preview
```
## Quick Start
``` javascript
import Vue from 'vue'
import VuePhonePreview from 'vue-phone-preview';
Vue.use(VuePhonePreview)
@Component()
// or
import VuePhonePreview from 'vue-phone-preview'
@Component({
components: {
VuePhonePreview
}
})
/**
* 使用方法
* ①、如果使用第一种方法，从其他微信编辑器（135或者word文档等等）
* 需要先把图片上传至第三方图片服务器，然后获取图片链接复制到文档里
* 例如：private content = '
'
* ②、就是iframe的形式，导入的是一个m端链接
*/
①、
②、
```
## LICENSE
[MIT](LICENSE)
Copyright (c) 2019-present, YuBin