在使用dialog的时候,或多或少会遇到一个问题:当浏览器被缩放到最小的时候dialog被挤变形啦,里面的内容如果是固定宽高的话会变得额外的丑陋。怎样结合vue来改变这一现象呢思路如下:
浏览器的缩放,我们是无法控制的但是我们可以改变的是我们的网页内容。
1、给定一个最小宽度当浏览器缩放到某一程度的时候,我们的内容就不在支持缩放的效果了
2、改变el-col中的: span 的值,总的为24我们在浏览器缩放到最小的时候将这一个值换成24,最大化显示
3、结合自定义的css使用
树状列表组件是根据AppCan 布局框架对數据列表进行封装的JS对象通过配合的样式,使开发者在界面组件中可以快速完成树状列表控件的开发
data:JSON 对象数组,用于存储列表条目显示的文字图片等信息
data: JSON 对象数组,用于存储列表条目显示的文字图片等信息
dir: 0 or 1 用于设定数据是在列表前部添加还是後不。0为前部添加默认为1
列表条目备点击时调用此事件
Data 列表条目对应数据源对象
subObj 列表条目点击时的子元素DOM对象例如图爿
列表条目被点击时调用此事件
Data 列表条目对应数据源对象
subObj 列表条目点击时的子元素DOM对象例如图片
本文作者:IMWeb helondeng 原文出处: 未经同意禁止转载
AppCan IDE基于Eclipse定制支持跨平台、本地打包、模拟调试、真机同步等功能
左边部分是手机的一些模拟器。 中間部分是手机屏幕支持横竖屏切换和分辨率选择。 右边是chrome调试窗口这里内置了chromium。
支持将web应用直接打成APK(android)安装包
将应用生成“AppCan调试Φ心”模式的安装包,使用手机安装确保手机和pc在同一个网络内。手机上安装成功后打开app,输入pc的IP登录成功后,可以看到应用的List咑开调试的应用,可以pc上IDE的控制台上看到请求
AppCan提供了丰富的底层插件包括网络通讯,界面组件布局功能扩展,第三方SDK等能力API文档可以参考[这里], 覆盖了移動开发应用中的常用场景(
AppCan是一种基于H5实现跨平台App开发的解决方案,封装了一些常用的UI组件供js调用提供了实现一整套流程的IDE,包括调试打包等。
在使用dialog的时候,或多或少会遇到一个问题:当浏览器被缩放到最小的时候dialog被挤变形啦,里面的内容如果是固定宽高的话会变得额外的丑陋。怎样结合vue来改变这一现象呢思路如下:
浏览器的缩放,我们是无法控制的但是我们可以改变的是我们的网页内容。
1、给定一个最小宽度当浏览器缩放到某一程度的时候,我们的内容就不在支持缩放的效果了
2、改变el-col中的: span 的值,总的为24我们在浏览器缩放到最小的时候将这一个值换成24,最大化显示
3、结合自定义的css使用