vue-phone-preview

pc端手机预览组件
988 17
vue typescript vuejs vuecli3.x
Install
npm install vue-phone-preview
Latest Version:0.4.17
Vue:2
License:MIT
Last Updated:May 7, 2023
Links: GitHub  ·  npm
Maintainer: 18310911617

vue-phone-preview

适用于pc端后台管理系统手机预览

A VueCli3.x+TypeScript Toolkit for Web.

demo

Demo pictures

Install

$ npm i --save vue-phone-preview
or
$ yarn add vue-phone-preview

Quick Start

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 = '<img src="http://file.haoxinqing.cn/group1/M00/11/61/Chw4wFwAlz2AX_iqAABOSgaernE854.jpg" style=" max-width: 100%; height: auto;">'
 * ②、就是iframe的形式，导入的是一个m端链接
 */ 
①、<vue-phone-preview :content="content"></vue-phone-preview>
②、<vue-phone-preview :url="`https://mp.haoxinqing.cn`"></vue-phone-preview>

LICENSE

MIT

Copyright (c) 2019-present, YuBin

Related Packages

autumn-vue

autumn-vue framework

5,530
typescript vue vuecli3.x autumn-vue
dracom-ui

杭州龙骞科技h5端组件库

3,404
typescript vue vuecli3.x vuejs
vue

The progressive JavaScript framework for building modern web UI.

588,019,132 54,801
vue
@vueuse/shared
372,738,348 22,398
vue utils vue-use
@vueuse/core

Collection of essential Vue Composition Utilities

367,188,523 22,398
vue utils vue-use

Version History

Version Released Vue License
0.4.17 ^2.6.10 MIT
0.4.16 ^2.6.10 MIT
0.4.15 ^2.6.10 MIT
0.4.14 ^2.6.10 MIT
0.4.13 ^2.6.10 MIT