init

pages/index/index.wxss

@@ -0,0 +1,265 @@
+page {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background: linear-gradient(#d2e2f9, #eef4f8);
+    min-height: 100vh;
+}
+
+
+
+
+
+/* 页面滚动 start */
+.scrollarea {
+    flex: 1;
+    height: 100%;
+    overflow-y: hidden;
+}
+
+/* 页面滚动 end */
+
+.container {
+    /* height: 100%; */
+    position: relative;
+    /* margin-top: 10rpx; */
+}
+
+/* 顶部半圆背景 start */
+.header-background {
+    position: absolute;
+    width: 100%;
+    height: 300rpx;
+    z-index: -1;
+    overflow: hidden;
+}
+
+.header-background::after {
+    position: absolute;
+    content: '';
+    width: 140%;
+    height: 300rpx;
+    left: -20%;
+    top: 0;
+    border-radius: 0 0 50% 50%;
+    background: #3c8bf6;
+}
+
+/* 顶部半圆背景 end */
+
+/* 搜索 start */
+
+.search-box {
+    padding-top: 20px;
+}
+
+.search {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 90rpx;
+}
+
+.search .search_in {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20rpx;
+    /* box-sizing: border-box; */
+    height: 70rpx;
+    background-color: #ffffff;
+    border-radius: 10rpx;
+}
+
+.search_in image {
+    height: 45rpx;
+    width: 45rpx;
+}
+
+.search input {
+    width: 600rpx;
+}
+
+/* 搜索 end */
+
+
+
+/* 故障码快速查询样式 */
+
+.quick-search-box {
+    padding-top: 20px;
+}
+
+.quick-search {
+    background: #ffffff;
+    margin: 0 30rpx;
+    border-radius: 10rpx;
+    margin-bottom: 30rpx;
+    text-align: center;
+}
+
+.section-title {
+    height: 70rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 65rpx;
+    font-family: YouSheBiaoTiHei-1;
+    font-size: 36rpx;
+    color: #3c8af6;
+}
+
+.code-grid {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.code-button {
+    margin: 5rpx;
+    width: 70rpx;
+    height: 70rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #d7e6f9;
+    border-radius: 10rpx;
+    font-size: 24rpx;
+    /* border: 2rpx solid #ccc; */
+    /* box-shadow: 0 5rpx 10rpx rgba(0, 0, 0, 0.1); */
+}
+
+.pagination {
+    display: flex;
+    /* flex-direction:row; */
+    justify-content: center;
+    align-items: center;
+    margin-top: 35rpx;
+    padding-bottom: 35rpx;
+}
+
+
+.btn-disabled {
+    background-color: #b1b1b1;
+}
+
+.btn-background {
+    background-color: #7b9fd1;
+}
+
+.pagination .pagination-button {
+    margin: 0 10rpx;
+    width: 200rpx;
+    height: 70rpx;
+    /* padding: 10rpx 20rpx; */
+    /* background-color: #007aff; */
+    border-radius: 10rpx;
+    color: #ffffff;
+    font-size: 24rpx;
+}
+
+/*信息组start*/
+/* .group-item-box { */
+/* padding-top: 10px; */
+/* padding: 16px; */
+/* background-color: #ffffff; */
+/* } */
+
+.group-item {
+    background: #ffffff;
+    margin: 0 30rpx;
+    border-radius: 10rpx;
+    margin-bottom: 30rpx;
+    /* text-align: center; */
+    /* margin-left:15rpx;
+    margin-right:15rpx; */
+}
+
+.group-item-header {
+    height: 100rpx;
+    /* background: chartreuse; */
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    margin: 0 15rpx;
+    border-bottom: 1rpx solid #efefef;
+}
+
+.group-item-header-title {
+    flex: 1;
+    font-family: YouSheBiaoTiHei-1;
+    text-align: center;
+    font-size: 36rpx;
+    color: #3c8af6;
+   
+
+}
+
+.group-item-header-tip {
+    display: flex;
+    align-items: center;
+    width: 90rpx;
+}
+
+.group-item-header-tip-txt {
+    font-size: 25rpx;
+    color: #737373;
+}
+
+.group-item-header-tip-image {
+    height: 20rpx;
+    width: 25rpx;
+}
+
+
+.group-txt-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 85rpx;
+    padding: 10px 0;
+    margin: 0 20rpx;
+
+
+    /*自定义虚线*/
+    background-image: linear-gradient(to right, #ddd 30%, rgba(255, 255, 255, 0) 0%);
+    /* 35%设置虚线点x轴上的长度 */
+    background-position: bottom;
+    /* top配置上边框位置的虚线 */
+    background-size: 22rpx 1rpx;
+    /* 第一个参数设置虚线点的间距；第二个参数设置虚线点y轴上的长度 */
+    background-repeat: repeat-x;
+    /*自定义虚线*/
+
+}
+
+/*最后一个元素不带虚线*/
+.group-item .group-txt-item:last-child {
+    background-image: none;
+}
+
+/*最后一个元素不带虚线*/
+
+.group-txt-item-bullet {
+    color: #318bf7;
+    margin-right: 10rpx;
+    font-size: 40rpx;
+    font-weight: bold;
+    line-height: 85rpx;
+}
+
+.group-txt-item-text {
+    flex: 1;
+    font-size: 28rpx;
+}
+
+.group-txt-item-text-time {
+    color: #b5b5b5;
+    font-size: 24rpx;
+}
+
+.copyright {
+    margin-bottom: 60rpx;
+    text-align: center;
+}