|
- /* d:\fumaolianke\ttFmC\tt富茂C\pages\user\user.ttss */
- .BoxBg{
- /* background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/userBg.png"); */
- /* background-size: 100% auto; */
- /* background-repeat: no-repeat; */
- /* transform: rotate(16deg); */
- /* background: #F1F6F7 */
- position: relative;
- background-color: #e6e6e6;
- overflow: hidden;
- }
- .bgImgTop{
- width: 100%;
- height: 380rpx;
- transform: rotate(16deg);
- position: absolute;
- top: 260rpx;
- left: 0;
- z-index: 1;
- }
- .userBg{
- width: 100%;
- height: 200rpx;
- /* background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); */
- position: relative;
- }
- .userBg1{
- width: 100%;
- height: 200rpx;
- /* background-image: url("/assets/imgData/userBg.png"); */
- position: relative;
- z-index: 1000;
- }
- button::after {
- border: none;
- }
- button {
- background-color: transparent;
- padding-left: 0;
- padding-right: 0;
- line-height:inherit;
- }
- button {
- border-radius:0;
- }
- .userLogo{
- position: absolute;
- top: 40rpx;
- left: 80rpx;
- height: 100rpx;
- width: 100rpx;
- background-color: aliceblue;
- border-radius: 50%;
- border: 2rpx solid #A2B9BE;
- }
- .userLogo open-data{
- display: block;
- width: 100%;
- height: 100%;
- }
- .userLogo img{
- border-radius: 50% !important;
- }
- .open{
- width: 100% !important;
- height:100% !important;
- border-radius: 50% !important;
- overflow: hidden;
- }
- .open img{
- border-radius: 50% !important;
- }
- .userData{
- position: absolute;
- top: 40rpx;
- left: 180rpx;
- font-size: 26rpx;
- margin-top: 10rpx;
- /* color: #ffffff; */
- }
-
- .noInfo{
- width: 220rpx;
- margin-left: 20rpx;
- font-size: 32rpx;
- text-overflow: -o-ellipsis-lastline;
- overflow:hidden;
- text-overflow:ellipsis;
- display:-webkit-box;
- -webkit-box-orient:vertical;
- -webkit-line-clamp:1;
- color: #02201c;
- font-family: "PingFangSC-Medium";
- font-size: 36rpx;
- font-weight: 400;
- text-transform: uppercase;
- }
- .info{
- border: 1rpx #ffffff solid;
- border-radius: 50rpx;
- padding: 0 10rpx;
- margin-top: 10rpx;
- margin-left: 20rpx;
- text-align: center;
- /* width: 130rpx; */
- }
- .infoX{
- /* border: 1rpx #ffffff solid; */
- border-radius: 50rpx;
- padding: 0 10rpx;
- margin-top: 10rpx;
- margin-left: 10rpx;
- color: #02201c;
- font-family: "PingFangSC-Regular";
- font-size: 26rpx;
- font-weight: 400;
- text-transform: uppercase;
- /* text-align: center; */
- }
- .userName{
- position: absolute;
- top: 60rpx;
- left: 180rpx;
- font-size: 26rpx;
- color: #ffffff;
- }
- .tempBpx{
- position: relative;
- width: 680rpx;
- height: 160rpx;
- }
- .functionBox{
- position: absolute;
- width: 680rpx;
- height: 160rpx;
- left: 5%;
- /* top: -23%; */
- top: -14%;
- /* background-color: #ffffff; */
- border-radius: 10rpx;
- display: flex;
- justify-content:space-around;
- /* overflow: hidden; */
- z-index: 100;
- }
- .itemBox{
- width:30% ;
- /* text-align: center; */
- }
- .itemLogoBox{
- width: 60rpx;
- height: 60rpx;
- /* background-color: #cacaca; */
- margin: 20rpx auto 0 auto;
- }
- .itemLogo{
- width: 100%;
- height: 100%;
- }
- .itemNAme{
- text-align: center;
- font-size: 26rpx;
- margin-top: 10rpx;
- }
- .moreBox{
- width: 680rpx;
- margin: 20rpx auto 0 auto;
- background-color: #ffffff;
- border-radius: 10rpx;
- overflow: hidden;
- left: 5%;
- position: absolute;
- z-index: 1000;
- }
- .fuwu{
- /* font-size: 28rpx; */
- margin: 20rpx 0 20rpx 40rpx ;
- color: #5d3a19;
- font-family: "PingFangSC-Medium";
- font-size: 32rpx;
- font-weight: 400;
-
- }
- .fuwuItemBox{
- /* display: flex; */
- overflow: hidden;
- }
- .f{
- float: left;
- }
- .r{
- float: right;
- }
- .fuwuItem{
- /* width: 25%; */
- /* background-color: aquamarine; */
- border-bottom: 1rpx #f6f6f6 solid;
- padding: 20rpx 0;
- overflow: hidden;
- width: 90%;
- margin: 0 auto;
-
- }
- .fuwuLogoBox{
- width: 50rpx;
- height: 50rpx;
- /* background-color: #fb3e5c; */
- }
- .fuwuName{
- text-align: center;
- font-size: 24rpx;
- margin-top: 10rpx;
- margin-left: 10rpx;
- }
|