大理市民卡小程序1.0提交
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
new file mode 100644
index 0000000..f3953e8
--- /dev/null
+++ b/pages/index/index.wxss
@@ -0,0 +1,130 @@
+/**index.wxss**/
+
+
+.btn-text{
+ margin-top: 10rpx;
+ font-size: 22rpx;
+
+}
+.userinfo {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.userinfo-avatar {
+ width: 128rpx;
+ height: 128rpx;
+ margin: 20rpx;
+ border-radius: 50%;
+ margin-top: 30rpx;
+}
+
+.userinfo-nickname {
+ color: #aaa;
+ z-index: 2;
+}
+
+.usermotto {
+ margin-top: 200px;
+}
+
+.demo-text-1 {
+ background: black;
+}
+
+
+
+.page-section-title {
+ font-size: 20px;
+ margin-left: 10px;
+ font-weight: bold;
+ color: white;
+}
+
+.whitebox {
+ border: 2px solid white;
+ box-shadow: 1px 2px 5px #d6d6d6;
+ border-radius: 5px;
+ width: 80%;
+ height: 27%;
+ top: 8%;
+ left: 10%;
+ background-color: white;
+ position: absolute;
+ z-index: 1;
+}
+
+.boximage {
+ width: 66rpx;
+ height: 66rpx;
+
+ margin: 0 auto;
+ margin-top: 25rpx;
+ position: relative;
+}
+
+.flexButton {
+ border-radius: 0px;
+ vertical-align: bottom;
+ height: 150rpx;
+ padding: 0rpx;
+ background-color: white;
+ float: left;
+ /* margin-top: 37%; */
+ padding-bottom: 20rpx;
+ display: flex; /*flex居中排版*/
+ flex-direction: column;
+}
+
+.roundImage{
+ border-radius: 50%;
+ width: 88rpx;
+ margin: 0 auto;
+ height: 88rpx;
+}
+
+
+.flexButton-hover {
+ background-color: #d6d6d6;
+}
+
+.qrcodeText {
+ margin-top: 10rpx;
+ font-size: 22rpx;
+ color: #aaa;
+}
+
+
+.row-item {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+}
+
+.col-item {
+ display: flex;
+ flex-direction: col;
+ justify-content: space-around;
+}
+
+.text{
+ text-align: justify;
+}
+.text::after{
+ width: 100%;
+ display: inline-block;
+ content: '';
+}
+.click-bar{
+ position:relative;
+ width:100%;
+ background-color:white;
+ height:2rem;
+ border: 1px solid rgb(240, 240, 240);
+ border-style: solid none none none;
+}
+
+
+
+