许成详 6 년 전
부모
커밋
215606820e
5개의 변경된 파일53개의 추가작업 그리고 0개의 파일을 삭제
  1. BIN
      assets/images/icon43.png
  2. 2
    0
      pages/components/SubIndex/index.wxss
  3. 1
    0
      pages/index/index.js
  4. 12
    0
      pages/index/index.wxml
  5. 38
    0
      pages/index/index.wxss

BIN
assets/images/icon43.png 파일 보기


+ 2
- 0
pages/components/SubIndex/index.wxss 파일 보기

279
   color: #666;
279
   color: #666;
280
 }
280
 }
281
 
281
 
282
+
283
+
282
 /* .top {
284
 /* .top {
283
   width: 100%;
285
   width: 100%;
284
   position: relative;
286
   position: relative;

+ 1
- 0
pages/index/index.js 파일 보기

10
     })
10
     })
11
   },
11
   },
12
   data: {
12
   data: {
13
+    ShowLayer: true,
13
     NavList: [{ // navlist数据
14
     NavList: [{ // navlist数据
14
       value: '首页',
15
       value: '首页',
15
       icon: '/assets/images/icon1.png'
16
       icon: '/assets/images/icon1.png'

+ 12
- 0
pages/index/index.wxml 파일 보기

34
     </view>
34
     </view>
35
   </view>
35
   </view>
36
 
36
 
37
+  <!-- 弹窗 -->
38
+  <view class="layer" hidden="{{!ShowLayer}}">
39
+    <view class="centerLabel">
40
+      <view class="top">
41
+        <image mode="widthFix" src="/assets/images/icon43.png"></image>
42
+      </view>
43
+      <view class="content">
44
+        引用内容
45
+      </view>
46
+    </view>
47
+  </view>
48
+
37
 </view>
49
 </view>

+ 38
- 0
pages/index/index.wxss 파일 보기

70
 .foot text.active {
70
 .foot text.active {
71
   color: #bb9c79;
71
   color: #bb9c79;
72
 }
72
 }
73
+
74
+.layer {
75
+  width: 100%;
76
+  position: absolute;
77
+  left: 0;
78
+  top: 0;
79
+  bottom: 0;
80
+  z-index: 1000;
81
+  background: rgba(0, 0, 0, 0.7);
82
+}
83
+
84
+.layer > view {
85
+  width: 65%;
86
+  padding: 10rpx 0;
87
+  background: #fff;
88
+  border-radius: 20rpx;
89
+  box-shadow: 0 0 20rpx 10rpx rgba(0, 0, 0, 0.05);
90
+}
91
+
92
+.layer .top {
93
+  text-align: right;
94
+  position: relative;
95
+  overflow: hidden;
96
+}
97
+
98
+.layer .top image {
99
+  display: block;
100
+  width: 20rpx;
101
+  float: right;
102
+  margin-right: 20rpx;
103
+}
104
+
105
+.layer .content {
106
+  padding: 0 20rpx;
107
+  position: relative;
108
+  overflow: hidden;
109
+  margin: 10rpx auto 0;
110
+}