微信公众号开发(三)前端界面

由于该公众号主要的用途是用于公司售后服务,经沟通确定相关需求.

第一: 了解相关的UI框架,最终选定了Jquery-WeUI框架.

第二: 制作简单案例,在移动端进行测试,要达到移动端的自适应.

目前完成三个界面如下:

微信公众号开发(三)前端界面_第1张图片

微信公众号开发(三)前端界面_第2张图片

微信公众号开发(三)前端界面_第3张图片

微信公众号开发(三)前端界面_第4张图片

上面的就是 目前的界面以及手机适应的效果,后期需要修改.

下面的是第一个界面的代码:

 



    
        
        
        
        
        
        
        
        
        
        
        
        售后测试	
    

**电气售后服务公众号

机车故障填报区
0/200
提交 取消


上面引入文件的时候注意这个地方:

 

 

 
        
        
        


本地文件也有如下图:

 

微信公众号开发(三)前端界面_第5张图片

但是引入本地的文件,在电脑测试的时候是可以出现效果的,可是在手机端测试的时候无法适应移动端设备.

改为代码中的引入方式就可以做到适应,不清楚是版本的问题,还是文件的问题.

这里是Jquery-WeUI官网首页:JQueryWeUI官网.

我们可以参照相关Demo,根据自身需求进行前端界面的设计以及代码的编写.

你可能感兴趣的:(【微信公众号开发】)