首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    表单界面的兼容PC手机解决方案

    表单界面的兼容PC手机解决方案 回到正题,上星期开发了个加盟模块,由于这项目比较老了,所以前端只用了ejs模板,大家可以看下该加盟模块效果(可以微信上也看看效果或者chrome调成device模式),...图片、文字的兼容手机比较容易,我就讲讲表单兼容手机的思路。 ? ? 做页面之前最重要的是先理清需求,然后进行思考:用不用框架?用什么布局?这样其实能省大量时间。...我有朋友问我怎么兼容手机,我回答大概就rem等控制字体的方案,flex等自适应布局,媒体元素,最后js控制(欢迎大家补充~) 写表单,大家可能最常用的就是用table了,因为方便,但是table也许是现在最死板的布局了...pc:                                                                      wx: ? ?...ps:测试的时候,手机选择意向地区时,会弹出搜狗输入法,给input价格readonly属性即可;并对一些冗余的JS代码进行了封装。

    1.5K40

    electron 将pc(vue)页面打包为桌面应用

    于是乎,就想着把自己写的这个小项目打包成桌面,方面每次打开电脑就能看。经过网上查阅,比较成熟的解决方案很多,比如electron,nw.js等等。...打包桌面,跟前端框架无关,只是想夸一下vue在构建项目上的体验真的好,简单方便,会以yes or no的形式让你完成一个主流的前端框架(回想以前构建angular应用,还要打开help,看一大堆api...pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })) 这段代码就是配置桌面应用的入口...经过这样的处理,在命令行中,运行 npm run electron_dev之后,就会将之前在electron-quick-start中显示的桌面应用,再次显示出来。...总结 至此,vue打包桌面就这样完成了。在此过程中,发现自己做东西还是有些武断,太想当然了,导致在一些弯路里绕了很久。以后还是要多看文档,稳扎稳打!

    2.2K20
    领券