网站服务器怎么做的,建立校园网站,怎么进网站,免费备案网站空间实验目的和要求 完成以下页面设计。 二、实验步骤与结果#xff08;给出对应的代码或运行结果截图#xff09; Wxml view classcontainer view classheader view classlogo… 实验目的和要求 完成以下页面设计。 二、实验步骤与结果给出对应的代码或运行结果截图 Wxml view classcontainer view classheader view classlogo标志/view view classnav view首页/view view产品/view view关于我们/view /view /view view classfeature特色内容/view view classmain view classcontent view classsection内容部分 1/view view classsection内容部分 2/view view classsection内容部分 3/view /view view classsidebar侧边栏链接/view /view view classfooter view classfooter-section view联系电话/view view电话123-456-7890/view /view view classfooter-section view快速链接/view view常见问题/view view支持服务/view /view view classfooter-section view版权信息/view view2024 公司名/view /view /view /view Wxss .container{ display: flex; flex-direction: column; height: 100vh; } .header{ display: flex; height: 60rpx; background-color: rgb(85, 84, 84); color: white; justify-content: center; padding: 0 20rpx; } .nav{ flex-grow: 2; display: flex; justify-content: space-around; } .feature{ height: 100rpx; background-color: rgb(123, 194, 212); display: flex; justify-content: center; align-items: center; color: white; } .main{ flex-grow: 1; flex-basis: 0; display: flex; } .content{ flex-grow: 3; flex-basis: 0; display: flex; flex-direction: column; padding: 10rpx; } .section{ flex-grow: 1; margin: 10rpx; background-color: rgb(153, 212, 230); display: flex; justify-content: center; align-items: center; } .sidebar{ flex-grow: 1; flex-basis: 0; background-color: rgb(149, 215, 235); display: flex; flex-direction: column; align-items: center; justify-content: center; } .footer{ height: 200rpx; display: flex; background-color: rgb(85, 84, 84); color: white; justify-content: center; } .footer-section{ display: flex; flex-direction: column; align-items: center; } 三、问题总结与体会 思路
