第三章作业

分析题
分析下列代码,实现布局页面
index.wxml代码

<view class="content">
  <view class="layout-top">
    <view class="screen">168</view>
</view>
<view class="layout-bottom">
  <view class="btnGroup">
    <view class="item orange">C</view>
    <view class="item orange">←</view>
    <view class="item orange">#</view>
    <view class="item orange">+</view>
  </view>
  <view class="btnGroup">
  <view class="item blue">9</view>
  <view class="item blue">8</view>
  <view class="item blue">7</view>
  <view class="item orange">-</view>
  </view>
  <view class="btnGroup">
  <view class="item blue">6</view>
  <view class="item blue">5</view>
  <view class="item blue">4</view>
  <view class="item orange">×</view>
  </view>
  <view class="btnGroup">
  <view class="item blue">3</view>

<view class="item blue">2</view>
  <view class="item blue">1</view>
  <view class="item orange">÷</view>
  </view>
  <view class="btnGroup">
  <view class="item blue zero">0</view>
  <view class="item blue">.</view>
  <view class="item orange">=</view>
  </view>
</view>
</view>
app.wxss代码.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} .content{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ccc;
  font-family: "Microsoft YaHei";
  overflow-x: hidden;
}
.layout-top{
  width: 100%;
  margin-bottom: 30rpx;
}
.layout-bottom{
  width: 100%;
}
.screen{
  text-align: right;
  width: 100%;
  line-height: 130rpx;
  padding: 0 10rpx;
  font-weight: bold;
  font-size: 60px;
  box-sizing: border-box;
  border-top: 1px solid #fff;
}
.btnGroup{
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 4rem;
  background-color: #fff;
}
.item{
  width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 1px;
  margin-right: 1px;
}
.zero{
  width: 50%;
}
.orange{
  color: #fef4e9;
  background: #f78d1d;
  font-weight: bold;
}
.blue{
  color: #d9eef7;
  background-color: #0095cd;
}<view class="su">
 

操作题
 index.wxml

<view class="buju"style="padding:8px">
    <view class="one">行业趋势指南   ∨</view>
    <view class="two">年度趋势指南   ∨</view>
  </view>
  <view class="fo" style="border-bottom: 1px solid darkgrey;padding: 10px;"></view>
  <view class="neirong" style="padding: 12px;">
      <view class="yi" style="border-bottom:3px solid #000;">最新发布</view>
      <view class="er">单品</view>
      <view class="san">色彩</view>
      <view class="si">风格</view>
      <view class="wu">细节</view>
      <view class="liu">面料</view>
  </view>
  <view class="yans" style="padding-top: 15px;">
  <view class="w" style="border: 2px solid #000;width: 160px;height: 160px;margin: 10px 30px;background-color:rgb(100, 100, 100);"></view>
  <view class="y" style="border: 2px solid #000;width: 160px;height: 160px;margin: 10px 30px;background-color: rgb(100, 100,100);"></view>
</view>
<view class="mm">
  <view class="l" style="border: 2px solid #000;width: 160px;height: 160px;margin: 0 30px;background-color: rgb(100, 100, 100);"></view>
  <view class="k" style="border: 2px solid #000;width: 160px;height: 160px;margin: 0 30px;background-color: rgb(100, 100, 100);"></view>
</view>
  <view class="mm">
  <view class="p" style="border: 2px solid #000;width: 160px;height: 160px;margin: 10px 30px;background-color: rgb(100, 100, 100);"></view>
  <view class="s" style="border: 2px solid #000;width: 160px;height: 160px;margin: 10px 30px;background-color: rgb(100, 100, 100);"></view>
  </view>
</view>

index.wxss.

su{
  height: 100%;
}
.buju,.neirong{
  display: flex;
  justify-content:space-around;
}
.mm{
  display: flex;
  flex-direction: row;
}
.yans{
  display: flex;
  flex-direction: row;
}


chenwei0504
关注

2


1

0

操作系统第三章作业参考答案
03-23
操作系统第三章作业参考答案
数字逻辑第三章作业答案.doc
11-30
数字逻辑第三章作业答案.doc
软件体系结构课后习题第三章作业.doc
11-13
软件体系结构课后习题第三章作业.doc
第三章作业.docx
05-13
第三章作业
SQL数据库第三章作业
06-08
SQL数据库第三章作业
第三章作业1
08-08
第三次作业(第3章作业)---2021年4月16日某主机的IP地址为1A3B:2345::4567, 默认网关的IP地址是:1A3B:2345::1,该主机要访
软件体系结构课后习题第三章作业样本.doc
12-16
软件体系结构课后习题第三章作业样本.doc
第三章作业11
08-04
第 三章 作业7 , 构造 下列 正规式 对应 的1 0 11 ) *1 01 01 0*1 0 1 0 ) *解 :道-*_*周确定 化伽, 1331卬 ,
数据库原理-第三章作业SQL解答
12-11
数据库原理第六版书籍,第三章作业SQL语句解答,本题主要考核的 SQL 语句,一般情况对于多表查询,通常同一个查询可以有不 同方案,所以关注方案的差异。同样需要注意 SQL 运算符及其格式的规范性, 一般情况下能用...
第三章作业答案1
08-04
第三章作业题1. 设二元对称信道的传递矩阵为(2) 求该信道的信道容量及其达到信道容量时的输入概率分布;解:(1)2)2. 设有一批电阻,按阻值分 70%是 2
第3章作业1
08-08
第3章作业3.1 对一个栈的输入序列a1,a2,a3,… ,an,,称由此栈依次出栈后所得到的元素序列为栈的合法输出序列。例如,假设栈S的一个输入序列为1,2,
网络原理第三章作业1
08-08
网络原理第三章作业当仅有比特差错,不丢包但可能定时器过早超时,这样的话每个分组将被发送x( ,向上取整)次,(第n组也是如此)。因为在每一个分组第一次发送时,由
第三章作业解答1
08-04
第一章作业题1. 设二元对称信道的传递矩阵为(2) 求该信道的信道容量及其达到信道容量时的输入概率分布;解:(1)2)2. 设有一批电阻,按阻值分 70%是 2
第三章作业-21
08-08
第三章作业-21
第三章作业答案.zip
12-12
第三章作业答案.zip
第三章作业讲评1
08-03
1.1 绘制阻尼因子mu变化曲线 1.1 绘制阻尼因子mu变化曲线 1.2 修改曲线方差,并计算其参数 1.3 实现其他阻尼因子策略 1.3 实现其他阻尼因子策
前端性能优化:提升网站加载速度的终极指南
最新发布
喔的嘛呀的博客
 978
综上所述,通过以上优化方案和具体措施,我们可以有效地提升网站的加载速度,改善用户体验,提高转化率,从而在激烈的市场竞争中脱颖而出,取得更好的业绩和口碑。作为前端工程师,我们应该不断学习和探索,不断优化和提升网站性能,为用户创造更好的上网体验。
浏览器阻止屏幕息屏,js阻止浏览器息屏,Web网页阻止息屏
lianmindiandi
 208
比如打开一个浏览器页面(比如大屏),想让它一直显示着,而不是过几分钟不操作就屏幕黑了.(电脑有设置电脑不操作就会多长时间就会息屏睡眠,如果要求每个客户都去操作一下电脑设置一下从不睡眠,这很不友好和现实.而且我也只想客户在大屏的时候才这样,其他页面就正常,按电脑设定走)如果想看看效果,可以试试,最好把电脑息屏改成1分钟,要不然等太久了, 累啊…(除非等待时间玩把手游😁)这是看了前端css大佬张鑫旭写的一波文章,观后有感😄,如果大家不认识,百度一波。是不是很简单,但是这里面还有一些注意点,
NSSCTF WEB 题解(一)
2301_81105268的博客
 1112
题目提示:F12下发环境,打开网址,进入网页后点击F12查看源代码直接查找flag可以得到flag。
arm田辉第三版第三章作业
11-30
《ARM田辉第三版第三章作业》是一本关于ARM架构的教材,主要涉及ARM架构的基础知识和应用。这一章主要介绍了ARM架构的指令集和寻址方式。 在
————————————————

                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
                        
原文链接:https://blog.csdn.net/chenwei0504/article/details/139608705

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值