第三章作业

2401_83197286

于 2024-06-11 21:23:29 发布

阅读量364

点赞数 3

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/2401_83197286/article/details/139609120

版权

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

<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
关注

操作系统第三章作业参考答案
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

2401_83197286

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
第三章作业

比如打开一个浏览器页面(比如大屏),想让它一直显示着,而不是过几分钟不操作就屏幕黑了.(电脑有设置电脑不操作就会多长时间就会息屏睡眠,如果要求每个客户都去操作一下电脑设置一下从不睡眠,这很不友好和现实.而且我也只想客户在大屏的时候才这样,其他页面就正常,按电脑设定走)如果想看看效果,可以试试,最好把电脑息屏改成1分钟,要不然等太久了, 累啊…综上所述，通过以上优化方案和具体措施，我们可以有效地提升网站的加载速度，改善用户体验，提高转化率，从而在激烈的市场竞争中脱颖而出，取得更好的业绩和口碑。
复制链接

扫一扫