|
|
@@ -1 +1,236 @@
|
|
|
-/* package-basic-data/pages/sign/sign.wxss */
|
|
|
+/* package-basic-data/pages/share/share.wxss */
|
|
|
+page {
|
|
|
+ background: #F8F9FD;
|
|
|
+ }
|
|
|
+ .content{
|
|
|
+ padding: 20rpx 10px 0rpx 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card{
|
|
|
+ width: auto;
|
|
|
+ border: 1px solid #F3FBFF;
|
|
|
+ padding: 50rpx 35rpx 0rpx 35rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ background-color: #FFFF;
|
|
|
+ background: radial-gradient(65.52% 61.17% at 6.12% 18.49%, #CDD8FF 0%, #F3FAFF 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-backgorund{
|
|
|
+ width: auto;
|
|
|
+ position: relative;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-backgorund .scan-image{
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-info{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-info .info-title{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-info .title-info .cp-info{
|
|
|
+ display: flex;
|
|
|
+ font-size: 35rpx;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-info .info-title .version-card{
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 20rpx;
|
|
|
+ height: 2vh;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ border-top-left-radius: 20rpx;
|
|
|
+ border-bottom-right-radius: 20rpx;
|
|
|
+ padding: 0rpx 10rpx;
|
|
|
+ justify-items: center;
|
|
|
+ margin-left: 15rpx;
|
|
|
+ background: linear-gradient(0deg, #CFC9C0, #CFC9C0),
|
|
|
+ conic-gradient(from 154.5deg at 29.17% -8.33%, #FFE8BA -0.56deg, rgba(255, 230, 165, 0) 0.26deg, rgba(227, 184, 73, 0.34) 17.37deg, rgba(240, 187, 253, 0.23) 347.83deg, rgba(186, 234, 255, 0.38) 353.78deg, #FFE8BA 359.44deg, rgba(255, 230, 165, 0) 360.26deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-card-info .info-title .version-card span{
|
|
|
+ color: #51370F;
|
|
|
+ box-shadow: 0px 0.56px 0px 0px #FFFB9E;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cp-avatar image{
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-info{
|
|
|
+ font-weight: bolder;
|
|
|
+ margin-left: 25rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-info .user-info{
|
|
|
+ margin-top: 25rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-info{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-item{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-item .item{
|
|
|
+ display: flex;
|
|
|
+ color: #1B365D;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 35rpx;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-item .number{
|
|
|
+ color: #FF7B1A;
|
|
|
+ font-size: 40rpx;
|
|
|
+ text-decoration-line:underline;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-info .rearmk-view{
|
|
|
+ margin-top: 15rpx;
|
|
|
+ font-size: 25rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-info .rearmk-view .title{
|
|
|
+ font-weight: 600;
|
|
|
+ color: #1B365D;
|
|
|
+ }
|
|
|
+
|
|
|
+ .integral-info .rearmk-view .info{
|
|
|
+ color: #95A8CB;
|
|
|
+ margin-left: 15rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 30rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ box-shadow: 0px 10px 20px 0px #E1E5EE99;
|
|
|
+ border: 1px solid #CE9965;
|
|
|
+ box-shadow: 0px 10px 20px 0px #0000000D;
|
|
|
+ box-shadow: 0px -6px 20px 0px #0000000D;
|
|
|
+ background: radial-gradient(66.18% 65.3% at 6.12% 18.49%, #FFF9EC 0%, #FFFFFF 100%);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .activity-title{
|
|
|
+ color: #A5814A;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .card-item{
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ border: 7rpx solid rgba(255, 111, 5, 0.4);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ justify-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-item .discount-view{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-item .integral-view{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-item .integral-view, .card-item .discount-view{
|
|
|
+ width: 20%;
|
|
|
+ height: 13vh;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-top-right-radius: 15rpx;
|
|
|
+ border-bottom-right-radius: 15rpx;
|
|
|
+ border-right: 1px dashed #95A8CB;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-item .discount-view .number,.card-item .integral-view .number{
|
|
|
+ color: #FF7B1A;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-item .button-view{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .title-view{
|
|
|
+ width: 40%;
|
|
|
+ color: #1B365D;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .button-view{
|
|
|
+ width: 210rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 10vh;
|
|
|
+ border-top-left-radius: 15rpx;
|
|
|
+ border-bottom-left-radius: 15rpx;
|
|
|
+ border-left: 1px dashed #95A8CB;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .button-view .button-class{
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background-color: wheat;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .button-view .remark{
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 25rpx;
|
|
|
+ margin-top: 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .activity-card .button-view .remark .time-view{
|
|
|
+ display: flex;
|
|
|
+ width: 120rpx;
|
|
|
+ justify-content: space-around;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ .activity-card .button-view .remark .time-view .time{
|
|
|
+ background-color: #95A8CB;
|
|
|
+ padding: 5rpx;
|
|
|
+ }
|