|
|
@@ -0,0 +1,218 @@
|
|
|
+/**index.wxss**/
|
|
|
+/* .userinfo {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.userinfo-avatar {
|
|
|
+ width: 128rpx;
|
|
|
+ height: 128rpx;
|
|
|
+ margin: 20rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.userinfo-nickname {
|
|
|
+ color: #aaa;
|
|
|
+}
|
|
|
+
|
|
|
+.usermotto {
|
|
|
+ margin-top: 200px;
|
|
|
+}
|
|
|
+ */
|
|
|
+.search-input-box{
|
|
|
+ width:690rpx;
|
|
|
+ height:70rpx;
|
|
|
+ background:rgba(248,248,248,1);
|
|
|
+ border-radius:36rpx;
|
|
|
+ border:1rpx solid rgba(242,242,242,1);
|
|
|
+ margin-top: 42rpx;
|
|
|
+ }
|
|
|
+ .search-input-box image{
|
|
|
+ width:70rpx;
|
|
|
+ height:70rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .search-input-box uni-input {
|
|
|
+ overflow: visible;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .search-input-box input{
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 1rpx;
|
|
|
+ outline: none;
|
|
|
+ padding-left: 10rpx;
|
|
|
+ border:0;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+ .search-input-box .uni-input-placeholder{
|
|
|
+ width:196rpx;
|
|
|
+ height:40rpx;
|
|
|
+ font-size:28rpx;
|
|
|
+ font-family:PingFangSC;
|
|
|
+ font-weight:400;
|
|
|
+ color:rgba(175,178,191,1);
|
|
|
+ line-height:40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner{
|
|
|
+ width:690rpx;
|
|
|
+ height:308rpx;
|
|
|
+ border-radius:20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ /* background-color: #F8F8F8; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .view-content{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row no-wrap;
|
|
|
+ height:210rpx;
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
+ }
|
|
|
+ .view-content image{
|
|
|
+ width:128rpx;
|
|
|
+ height:128rpx;
|
|
|
+ overflow: visible;
|
|
|
+ vertical-align:middle;
|
|
|
+ }
|
|
|
+ .view-content p{
|
|
|
+ text-align:center;
|
|
|
+ width:96rpx;
|
|
|
+ height:33rpx;
|
|
|
+ font-size:24rpx;
|
|
|
+ font-family:PingFangSC;
|
|
|
+ font-weight:500;
|
|
|
+ color:rgba(117,119,128,1);
|
|
|
+ line-height:33rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ .view-content div{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width:80rpx;
|
|
|
+ height:28rpx;
|
|
|
+ }
|
|
|
+ .view-content div:first-child{
|
|
|
+ margin-left: 61rpx;
|
|
|
+ margin-right: 0rpx;
|
|
|
+ }
|
|
|
+ .view-content div:nth-child(2){
|
|
|
+ margin-left: 122rpx;
|
|
|
+ margin-right: 122rpx;
|
|
|
+ }
|
|
|
+ .view-content div:nth-child(3){
|
|
|
+ margin-right: 61rpx;
|
|
|
+ }
|
|
|
+ .view-content p{
|
|
|
+ align-self:center;
|
|
|
+ }
|
|
|
+ .view-content image{
|
|
|
+ align-self:center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .school {
|
|
|
+ align-items:flex-start;
|
|
|
+ width:750rpx;
|
|
|
+ /* height:984rpx; */
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
+ }
|
|
|
+ .school image{
|
|
|
+ width: 170rpx;
|
|
|
+ height: 54rpx;
|
|
|
+ margin: 0 auto;
|
|
|
+ /* text-align: center; */
|
|
|
+ /* vertical-align: middle; */
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .school-content{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+ .school-content div:first-child{
|
|
|
+ margin-left: 98rpx;
|
|
|
+ margin-right: 195rpx;
|
|
|
+ }
|
|
|
+ .schol-icon image{
|
|
|
+ width: 180rpx;
|
|
|
+ height: 180rpx;
|
|
|
+ }
|
|
|
+ .schol-icon span{
|
|
|
+ width:112rpx;
|
|
|
+ height:40rpx;
|
|
|
+ font-size:28rpx;
|
|
|
+ font-family:PingFangSC;
|
|
|
+ font-weight:500;
|
|
|
+ color:rgba(44,44,44,1);
|
|
|
+ line-height:40rpx;
|
|
|
+ margin-top: 24rpx;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ }
|
|
|
+ .schol-icon{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-end;
|
|
|
+ text-align: -webkit-center;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .major{
|
|
|
+ width:750rpx;
|
|
|
+ height:470rpx;
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ .major image{
|
|
|
+ width: 170rpx;
|
|
|
+ height: 54rpx;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer{
|
|
|
+ display: flex;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ width:750rpx;
|
|
|
+ height:99rpx;
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ .footer div:first-child{
|
|
|
+ margin-left: 92rpx;
|
|
|
+ margin-right: 184rpx;
|
|
|
+ }
|
|
|
+ .footer div:nth-child(2){
|
|
|
+ margin-right: 183rpx;
|
|
|
+ }
|
|
|
+ .footer div:nth-child(3){
|
|
|
+ margin-right: 93rpx;
|
|
|
+ }
|
|
|
+ .footer image{
|
|
|
+ width:66rpx;
|
|
|
+ height:67rpx;
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
+ .footer div:first-child p{
|
|
|
+ margin-left: 15rpx;
|
|
|
+ }
|
|
|
+ .footer div:nth-child(3) p{
|
|
|
+ margin-left: 15rpx;
|
|
|
+ }
|
|
|
+ .footer div{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width:80rpx;
|
|
|
+ height:28rpx;
|
|
|
+ font-size:20rpx;
|
|
|
+ font-family:PingFangSC;
|
|
|
+ font-weight:500;
|
|
|
+ color:rgba(175,178,191,1);
|
|
|
+ line-height:28rpx;
|
|
|
+ }
|