二、首頁影院/我的 欄制作《仿淘票票系統前后端完全制作(除支付外)》

頁面效果,影院內容:
在這里插入圖片描述
我的頁分為登錄、注冊、我的,如果登錄了那么就顯示我的頁面否則顯示登錄頁。
登錄頁:
在這里插入圖片描述
我的頁:
在這里插入圖片描述

一、標題頭部制作

接著我們點擊影院,發現當前頁內容為空:
在這里插入圖片描述
我們的影院頁面跟首頁內容類似,此時我們先復制首頁的標題到影院頁面:
在這里插入圖片描述
刪除右側欄目的內容以及logo區域內容:
在這里插入圖片描述
此時在右側添加一個下拉菜單以及一個圖標:
在這里插入圖片描述
圖標為 search:
在這里插入圖片描述
此時你還需要更改這些圖標的屬性內容,使其能夠大小合適與當前頁面。接著我們發現當前右邊欄并不垂直居中,我們需要更改右側欄的垂直對齊為居中:
在這里插入圖片描述
這樣的話,這個標題就做完了。

二、內容區域制作

接著制作內容區域,我們發現內容區域跟首頁的內容類似,也是需要對應的內邊距,此時只需要復制首頁欄部分的內容行到當前頁面之中即可:
在這里插入圖片描述
此時是需要刪除其他內容的,保留熱映內容作為等下影院信息的內容部分。

復制過去后,更改熱映內容名稱為影院地點:
在這里插入圖片描述
接著添加一個圖片,作為廣告圖,并且需要設置其寬度為 100%,否則就按照原本的比例顯示了:
在這里插入圖片描述
其實這個影院信息還有個新人價的,之前截圖沒截全,此時頁面應該 如下:
在這里插入圖片描述

我們可以從圖中得知,當前影院信息內部分為左側和右側,左側是影院信息,右側為新人價格,此時我們在影院信息內部新建兩個行一個是左,另一個是右,剩下的標簽內容暫時先不用理:
在這里插入圖片描述
此時寬度左側行設置為 70%,右側行設置為 30%,使其占據整一行:
在這里插入圖片描述
在這里插入圖片描述
當然高度也要設置為包裹,并且這兩個行還需要給予對應的內邊距,使其內部有一定厚度,不然緊貼就不好看了,左邊框給予的內邊距:
在這里插入圖片描述
右邊框給予的內邊距:
在這里插入圖片描述

接著賦予文本:
在這里插入圖片描述
文本記住一定要給予寬度為 100%,否則會超格,并且還需要使其換行為否:
在這里插入圖片描述
接著我們再創建一個標簽占滿整個寬度,在里面添加一個文本即可:
在這里插入圖片描述
文本若想使其有一定的寬度,只需要給予內邊距即可:
在這里插入圖片描述
由于需要距離頂部一定距離和左側一定距離,在此直接給予了一個小量的邊距值,后期顯示便簽將會有多個標簽,為了不挨近,所以給予對應的小數值。

接著設置期邊框顏色和邊緣圓角值即可:
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/286208.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/286208.shtml
英文地址,請注明出處:http://en.pswp.cn/news/286208.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C語言試題三十四之求除1到m之內(含m)能北7或11整除的所有整數放在數組a中,通過n返回這些數的個數。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

【數據庫系統經典案例】銷售系統數據庫分析及完整實現過程

文章目錄 一、產品表以及產品添加更新二、顧客管理三、銷售記帳四、統計問題一、產品表以及產品添加更新 GOODLUCK的產品表:PRODUCTS(PNO,PNAME,PR,QTY) 從該表可以知: PNO->PNAME、PR、QTY 所以這個表只能按產品編號增加行,也就是說:有新產品了,可以在這個表中…

------shell學習

dd #!/bin/bash echo Hello World!array(a b 3 "ch") for i in array;doecho ${array[i]} doneecho ${array[*]} echo ${#array[]} #--------------------------------------- vers$(uname -r) #括號表示括號里面的內容先執行 等同于反引號 echo ${vers} read -p &qu…

PPT如何讓多對象排列整齊

在某幻燈片上插入了多個對象,如果希望快速讓它們排列整齊,按住Ctrl鍵,依次單擊需要排列的對象,再選擇“繪圖-對齊或分布”,最后在排列方式列表中任選一種合適的排列方式就可實現多個對象間隔均勻的整齊排列。 本文轉自…

聊聊 C# 方法重載的底層玩法

最近在看 C 的方法重載&#xff0c;我就在想 C# 中的重載底層是怎么玩的&#xff0c;很多朋友應該知道 C 是不支持重載的&#xff0c;比如下面的代碼就會報錯。#include <stdio.h>int say() {return 1; } int say(int i) {return i; }int main() {say(10);return 0; }從錯…

Nginx圖片剪裁模塊探究 http_image_filter_module

#yum install -y gd-devel Install add http_image_filter_module Module #./configure --prefix/usr/local/nginx_image_filter/ --with-http_image_filter_module #make && make install use: off:關閉模塊處理 test:確保圖片是jpeg gif png否則返415錯誤 size:輸出有…

Android WebView 圖片超出寬度自適應,點擊查看大圖

webView 配置 WebSettings webSettings webView.getSettings(); webSettings.setJavaScriptCanOpenWindowsAutomatically(true);webSettings.setDomStorageEnabled(true);webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);//自適應屏幕 ☆…

C語言試題三十五之找出一維整型數組元素中最大的值和它所在的下標,最大的值和它所在的下標通過形參傳回。主函數中x是數組名,n 是x中的數據個數,max存放最大值,index存放最大值所在元素的下標。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

三、我的/登錄 欄制作《仿淘票票系統前后端完全制作(除支付外)》

我的頁分為登錄、注冊、我的&#xff0c;如果登錄了那么就顯示我的頁面否則顯示登錄頁。 登錄頁&#xff1a; 我的頁&#xff1a; 一、登錄頁制作 1.1 登錄頭制作 首先我們創建一個行&#xff0c;命名為登錄塊&#xff0c;設置高度為包裹&#xff1a; 之后將會在這個行中…

ASP.NET站點配置以及VS2008下C#、JavaScript聯合調試(Ajax) ----以最短路徑Dijstra最短路問題為例

實驗任務描述: 用VS2008構造ASP.NET站點開發環境;用ASP.NET完成JavaScript開發調試;用Ext3.0.0完成一個簡單的樹顯示站;WebService程序設計,Dijstra最短路Web 服務;JavaScript通過Ajax技術調用WebService;一、Windows下WEB共享設置 打開你的WINDOWS,鼠標點開“我的電腦”…

【NOIP2010】【P1317】烏龜棋

似乎很像搜索的DP&#xff08;應該也可以用搜索寫&#xff09; 原題&#xff1a; 小明過生日的時候&#xff0c;爸爸送給他一副烏龜棋當作禮物。烏龜棋的棋盤是一行N 個格子&#xff0c;每個格子上一個分數&#xff08;非負整數&#xff09;。棋盤第1格是唯一的起點&#xff0c…

mysql添加普通用戶用于管理單一數據庫

2019獨角獸企業重金招聘Python工程師標準>>> 使用phpmyadmin進行操作 創建用戶&#xff0c;輸入密碼 關鍵選擇&#xff1a;勾選 Create database with same name and grant all privileges 其他權限一律不要勾選 轉載于:https://my.oschina.net/u/2485194/blog/5491…

C# 11 新特性:接口中的靜態抽象成員

之前假設我們有一個非常復雜的數學運算方法&#xff1a;public static int Calc(int x, int y) > x y;但是&#xff0c;上述方法只能支持int類型。如果需要傳入其它數字類型&#xff0c;需要再次定義&#xff1a;public static double Calc(double x, double y) > x y;…

tomcat兩個項目沖突

java.lang.IllegalStateException: Web app root system property already set to different value 最近在搭建項目環境的時候出現了下面的錯誤 java.lang.IllegalStateException: Web app root system property already set to different value: webapp.root [D:/tomcat-5.0.…

四、一般頁面制作《仿淘票票系統前后端完全制作(除支付外)》

一、播放影片影院頁制作 上一節已經做完了首頁所有欄目內容&#xff0c;那么點擊購票后應該出現對應有購票的影院&#xff0c;選擇影院后進入購買票務頁。 首先新建一個頁面命名為播放該影片的影院&#xff1a; 接著復制首頁中的標題欄到播放影片的影院頁中&#xff0c;此時…

SuppressLint黃色警告的原因以及解決辦法

最近在做項目的時候&#xff0c;碰到方法的前面和類的前面有時會出現SuppressLint或者SuppressWarnings這樣的黃色警告&#xff0c;看起來很不舒服&#xff0c;于是上網搜集了一些相關資料。發現這些警告的出現其實是由于我們編寫代碼時的一些不規范的寫法導致&#xff0c;解決…

重磅!win10無法安裝.NET Framework 3.5服務解決辦法(附離線安裝包下載)

安裝CASS測圖軟件之前需要安裝CAD,Win10操作系統安裝CAD時經常會需要.net framework 3.5,win10中默認是沒有安裝該環境的,需要單獨安裝。本文講解Win10系統中在線和離線安裝.net framework 3.5。 CAD 2006+CASS 7.1安裝參考:《Win 10操作系統CAD 2006+CASS 7.1安裝圖文經典…

C語言試題三十六之將s所指字符串中所有下標為奇數位置上的字母轉換為大寫(若該位置上不是字母,則不轉換)。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

數據結構實驗之鏈表二:逆序建立鏈表

數據結構實驗之鏈表二&#xff1a;逆序建立鏈表 Time Limit: 1000MS Memory Limit: 65536KBSubmit StatisticProblem Description 輸入整數個數N&#xff0c;再輸入N個整數&#xff0c;按照這些整數輸入的相反順序建立單鏈表&#xff0c;并依次遍歷輸出單鏈表的數據。Input 第一…

執行yum:Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again...

安裝eple源&#xff0c;在yum clean all&#xff1b;yum makecache 后出現報錯Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again解決辦法&#xff1a;sed -i s/mirrorlist/\#mirrorlist/g epel.repo epel-testing.reposed -i s/\#…