微信公众号开发（三）前端界面

置顶

VIP文章 YangzaiLeHeHe

已于 2022-04-10 10:06:31 修改

阅读量3.8w

点赞数 9

分类专栏：【微信公众号开发】文章标签：公众号前端 Java

于 2017-12-08 18:39:07 首次发布

本文链接：https://blog.csdn.net/YangzaiLeHeHe/article/details/78754359

版权

有问题可以关注公众号：提着月亮去火星

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

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

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

目前完成三个界面如下:

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

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
        
        <!-- Jquery  -->
        <script src="/WeChatDemo/jquery-weui/dist/lib/jquery-2.1.4.js"></script>
        <!--weui css-->
        <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.0/style/weui.min.css" />
        <!--jQuery weui-->
        <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/0.8.0/css/jquery-weui.min.css">
        <!--切换样式-->
        <style type="text/css">
            .weui_navbar_item.weui_bar_item_on {
                color: #2196F3;
                cursor: pointer;
            }
        </style>
        <title>售后测试	</title>
    </h

最低0.47元/天解锁文章

YangzaiLeHeHe

关注

9
点赞
踩
35

收藏

觉得还不错? 一键收藏
12
评论
微信公众号开发（三）前端界面

由于该公众号主要的用途是用于公司售后服务,经沟通确定相关需求.第一: 了解相关的UI框架,最终选定了Jquery-WeUI框架.第二: 制作简单案例,在移动端进行测试,要达到移动端的自适应.目前完成三个界面如下:上面的就是目前的界面以及手机适应的效果,后期需要修改.下面的是第一个界面的代码:<!DOCTYPE html><htm...
复制链接

扫一扫