| | |
|---|
| | | |
|---|
| | | // import style |
|---|
| | | import 'view-design/dist/styles/iview.css'; |
|---|
| | | import preview from 'vue-photo-preview' |
|---|
| | | //preview的参数 |
|---|
| | | var option = { |
|---|
| | | minZoom:0.3, |
|---|
| | | maxSpreadZoom: 20, // 控制预览图最大的倍数，默认是2倍，我这里改成了原图 |
|---|
| | | fullscreenEl: false, //控制是否显示右上角全屏按钮 |
|---|
| | | closeEl: true, //控制是否显示右上角关闭按钮 |
|---|
| | | tapToClose: true, //点击滑动区域应关闭图库 |
|---|
| | | shareEl: false, //控制是否显示分享按钮 |
|---|
| | | zoomEl: true, //控制是否显示放大缩小按钮 |
|---|
| | | counterEl: true, //控制是否显示左上角图片数量按钮 |
|---|
| | | arrowEl: true, //控制如图的左右箭头（pc浏览器模拟手机时） |
|---|
| | | tapToToggleControls: true, //点击应切换控件的可见性 |
|---|
| | | allowPanToNext:true, //当前项目缩放时，允许滑动到下一个/上一个项目 |
|---|
| | | clickToCloseNonZoomable: false,//点击图片应关闭图库，仅当图像小于视口的大小时 |
|---|
| | | closeOnVerticalDrag:false,//垂直拖动和未缩放图像时，请关闭图库 |
|---|
| | | pinchToClose:false,//捏以关闭画廊手势 |
|---|
| | | getDoubleTapZoom:()=>1 //函数应返回缩放级别，在双击手势后，用户单击缩放图标或鼠标单击图像本身时，图像将缩放到该级别 |
|---|
| | | } |
|---|
| | | Vue.use(preview,option) |
|---|
| | | |
|---|
| | | Vue.use(ViewUI); |
|---|
| | | Vue.config.productionTip = false |
|---|
