zoukankan      html  css  js  c++  java
  • 四则运算计算器的微信小程序_1 界面

    主界面wxml文件:
    page{
    height:100%;
    }
    .content{
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    box-sizing:border-box;
    position:relative;
    }
    .main-bg{
    height:100%;
    100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    }
    .screen-container{
    padding-top:30rpx;
    padding-left:5rpx;
    padding-right:5rpx;
    }
    .screen{
    ">#fff;
    border-radius:3px;
    text-align:right;
    720rpx;
    height:100rpx;
    line-height:100rpx;
    padding-left:10rpx;
    padding-right:10rpx;
    margin-bottom:30rpx;
     
    }
    .btnGroup{
    display:flex;
    flex-direction:row;
    }
    .item{
    160rpx;
    min-height:10rpx;
    margin:10rpx;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    border-radius:5px;
    text-align:center;
    line-height:150rpx;
    display:inline-block;
    }
    .green{
    color:#d9eef7;
    border:solid 0px #da7c0c;
    background:#99cc66;
    }
    .blue{
    color:#d9eef7;
    border:solid 0px #0076a3;
    background:#0095cd;
    }
     
    主界面wxss文件:
    page{
    height:100%;
    }
    .content{
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    box-sizing:border-box;
    position:relative;
    }
    .main-bg{
    height:100%;
    100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    }
    .screen-container{
    padding-top:30rpx;
    padding-left:5rpx;
    padding-right:5rpx;
    }
    .screen{
    ">#fff;
    border-radius:3px;
    text-align:right;
    720rpx;
    height:100rpx;
    line-height:100rpx;
    padding-left:10rpx;
    padding-right:10rpx;
    margin-bottom:30rpx;
     
    }
    .btnGroup{
    display:flex;
    flex-direction:row;
    }
    .item{
    160rpx;
    min-height:10rpx;
    margin:10rpx;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    border-radius:5px;
    text-align:center;
    line-height:150rpx;
    display:inline-block;
    }
    .green{
    color:#d9eef7;
    border:solid 0px #da7c0c;
    background:#99cc66;
    }
    .blue{
    color:#d9eef7;
    border:solid 0px #0076a3;
    background:#0095cd;
    }

    (原项目作者:忽如寄 (简书)

    原文链接:https://www.jianshu.com/p/47c1a65009a7)

  • 相关阅读:
    在Asp.net 2.0使用页面无刷新
    Asp.net 2.0 中的TreeView的右键菜单(Context Menus on the TReeView IE Specific)
    利用XMLHTTP无刷新自动实时更新数据
    表单提交中Get和Post方式的区别
    一个好的学习asp.net 2.0的网站
    用WebService实现web页面的局部刷新
    GridView中的数据导出到Excel中
    Windows 桌面主题,桌面背景
    通过OleDB连接方式,访问Access,Excel数据库.
    转:VS.NET2005安装与设置指南
  • 原文地址:https://www.cnblogs.com/liushiqiang123/p/8516420.html
Copyright © 2011-2022 走看看