Change radio multi pre line

Brightcells 7 年之前
父節點
當前提交
d45751c726

+ 67 - 0
page/static/page/css/weui.ext.css

@@ -0,0 +1,67 @@
1
+/* Input valid or invalid */
2
+input:required:invalid {
3
+    color: #E64340;
4
+}
5
+input:required:valid {
6
+    color: rgb(0, 0, 0);
7
+}
8
+/* Input Placeholder */
9
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
10
+    font-size: 13px;
11
+}
12
+input:-moz-placeholder, textarea:-moz-placeholder {
13
+    font-size: 13px;
14
+}
15
+input::-moz-placeholder, textarea::-moz-placeholder {
16
+    font-size: 13px;
17
+}
18
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
19
+    font-size: 13px;
20
+}
21
+/* Radio Cells */
22
+.radio_cells {
23
+    margin-top: 0;
24
+    margin-left: 15px;
25
+}
26
+.radio_cells label {
27
+    padding: 8px 10px;
28
+    font-size: 15px;
29
+}
30
+/*.radio_cells>div:first-child .quartern:after {*/
31
+    /*border-left: none;*/
32
+/*}*/
33
+/*.radio_cells>div:last-child .quartern:after {*/
34
+    /*border-right: none;*/
35
+/*}*/
36
+/* Quartern */
37
+.quartern {
38
+    width: 25%;
39
+    box-sizing: border-box;
40
+    text-align: center;
41
+    border-radius: 5px;
42
+    float: left;
43
+}
44
+.quartern:after {
45
+    content: " ";
46
+    width: 200%;
47
+    height: 200%;
48
+    position: absolute;
49
+    top: 0;
50
+    left: 0;
51
+    border: 1px solid rgba(0, 0, 0, 0.2);
52
+    /*border-width: 0 1px 0 1px;*/
53
+    /*border-color: rgba(0, 0, 0, 0.2);*/
54
+    /*border-style: solid;*/
55
+    -webkit-transform: scale(0.5);
56
+            transform: scale(0.5);
57
+    -webkit-transform-origin: 0 0;
58
+            transform-origin: 0 0;
59
+    box-sizing: border-box;
60
+    border-radius: 10px;
61
+}
62
+/* Radio Checked Relative */
63
+.weui_check:checked + .quartern {
64
+    color: white;
65
+    background: #04BE02;
66
+    border-width: 0;
67
+}

+ 1 - 9
page/templates/page/clerk_info.html

@@ -10,15 +10,7 @@
10 10
         <title>我的积分</title>
11 11
 
12 12
         <link href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css" rel="stylesheet" type="text/css" />
13
-
14
-        <style>
15
-            input:required:invalid {
16
-                color: #E64340;
17
-            }
18
-            input:required:valid {
19
-                color: rgb(0, 0, 0);
20
-            }
21
-        </style>
13
+        <link href="{% static 'page/css/weui.ext.css' %}?v=1" rel="stylesheet" type="text/css" />
22 14
     </head>
23 15
     <body>
24 16
         <div class="container" >

+ 1 - 9
page/templates/page/clerk_oauth.html

@@ -10,15 +10,7 @@
10 10
         <title>店员授权</title>
11 11
 
12 12
         <link href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css" rel="stylesheet" type="text/css" />
13
-
14
-        <style>
15
-            input:required:invalid {
16
-                color: #E64340;
17
-            }
18
-            input:required:valid {
19
-                color: rgb(0, 0, 0);
20
-            }
21
-        </style>
13
+        <link href="{% static 'page/css/weui.ext.css' %}?v=1" rel="stylesheet" type="text/css" />
22 14
     </head>
23 15
     <body>
24 16
         <div class="container" >

+ 73 - 156
page/templates/page/clerk_sale.html

@@ -10,39 +10,13 @@
10 10
         <title>店员销售</title>
11 11
 
12 12
         <link href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css" rel="stylesheet" type="text/css" />
13
-
14
-        <style>
15
-            input:required:invalid {
16
-                color: #E64340;
17
-            }
18
-            input:required:valid {
19
-                color: rgb(0, 0, 0);
20
-            }
21
-            .radio_cells {
22
-                margin-top: 0;
23
-                margin-left: 15px;
24
-            }
25
-            .radio_cells>label {
26
-                padding: 5px 10px;
27
-                font-size: 15px;
28
-            }
29
-        </style>
13
+        <link href="{% static 'page/css/weui.ext.css' %}?v=1" rel="stylesheet" type="text/css" />
30 14
     </head>
31 15
     <body>
32 16
         <div class="container" >
33 17
             <div id="machine_info">
34 18
                 <div class="weui_cells_title">机器信息</div>
35 19
                 <div class="weui_cells weui_cells_form">
36
-{#                    <div class="weui_cell weui_cell_select weui_select_after">#}
37
-{#                        <div class="weui_cell_hd"><label for="" class="weui_label">型号</label></div>#}
38
-{#                        <div class="weui_cell_bd weui_cell_primary">#}
39
-{#                            <select id="model" class="weui_select" name="select">#}
40
-{#                                {% for model in models %}#}
41
-{#                                <option value="{{ model.model_id }}">{{ model.model_name }}</option>#}
42
-{#                                {% endfor %}#}
43
-{#                            </select>#}
44
-{#                        </div>#}
45
-{#                    </div>#}
46 20
                     <div class="weui_cell">
47 21
                         <div class="weui_cell_hd"><label for="" class="weui_label">型号</label></div>
48 22
                         <div class="weui_cell_bd weui_cell_primary">
@@ -51,15 +25,12 @@
51 25
                     </div>
52 26
                     <div id="model_radio" class="weui_cells weui_cells_radio radio_cells">
53 27
                         {% for model in models %}
54
-                        <label class="weui_cell weui_check_label" for="{{ model.model_id }}">
55
-                            <div class="weui_cell_bd weui_cell_primary">
56
-                                <li type="circle">{{ model.model_name }}</li>
57
-                            </div>
58
-                            <div class="weui_cell_ft">
59
-                                <input type="radio" class="weui_check" name="model" id="{{ model.model_id }}" value="{{ model.model_id }}" {% if forloop.first %}checked="checked"{% endif %}>
60
-                                <span class="weui_icon_checked"></span>
61
-                            </div>
62
-                        </label>
28
+                        <div>
29
+                            <input type="radio" class="weui_check" name="model" id="{{ model.model_id }}" value="{{ model.model_id }}" {% if forloop.first %}checked="checked"{% endif %}>
30
+                            <label class="weui_cell weui_check_label quartern" for="{{ model.model_id }}">
31
+                                <div class="weui_cell_bd weui_cell_primary">{{ model.model_name }}</div>
32
+                            </label>
33
+                        </div>
63 34
                         {% endfor %}
64 35
                     </div>
65 36
                     <div class="weui_cell">
@@ -69,42 +40,30 @@
69 40
                         </div>
70 41
                     </div>
71 42
                     <div id="mount_radio" class="weui_cells weui_cells_radio radio_cells">
72
-                        <label class="weui_cell weui_check_label" for="e">
73
-                            <div class="weui_cell_bd weui_cell_primary">
74
-                                <li type="circle">E</li>
75
-                            </div>
76
-                            <div class="weui_cell_ft">
77
-                                <input type="radio" class="weui_check" name="mount" id="e" value="E" checked="checked">
78
-                                <span class="weui_icon_checked"></span>
79
-                            </div>
80
-                        </label>
81
-                        <label class="weui_cell weui_check_label" for="n">
82
-                            <div class="weui_cell_bd weui_cell_primary">
83
-                                <li type="circle">N</li>
84
-                            </div>
85
-                            <div class="weui_cell_ft">
86
-                                <input type="radio" class="weui_check" name="mount" id="n" value="N">
87
-                                <span class="weui_icon_checked"></span>
88
-                            </div>
89
-                        </label>
90
-                        <label class="weui_cell weui_check_label" for="s">
91
-                            <div class="weui_cell_bd weui_cell_primary">
92
-                                <li type="circle">S</li>
93
-                            </div>
94
-                            <div class="weui_cell_ft">
95
-                                <input type="radio" class="weui_check" name="mount" id="s" value="S">
96
-                                <span class="weui_icon_checked"></span>
97
-                            </div>
98
-                        </label>
99
-                        <label class="weui_cell weui_check_label" for="p">
100
-                            <div class="weui_cell_bd weui_cell_primary">
101
-                                <li type="circle">P</li>
102
-                            </div>
103
-                            <div class="weui_cell_ft">
104
-                                <input type="radio" class="weui_check" name="mount" id="p" value="P">
105
-                                <span class="weui_icon_checked"></span>
106
-                            </div>
107
-                        </label>
43
+                        <div>
44
+                            <input type="radio" class="weui_check" name="mount" id="e" value="E" checked="checked">
45
+                            <label class="weui_cell weui_check_label quartern" for="e">
46
+                                <div class="weui_cell_bd weui_cell_primary">E</div>
47
+                            </label>
48
+                        </div>
49
+                        <div>
50
+                            <input type="radio" class="weui_check" name="mount" id="n" value="N">
51
+                            <label class="weui_cell weui_check_label quartern" for="n">
52
+                                <div class="weui_cell_bd weui_cell_primary">N</div>
53
+                            </label>
54
+                        </div>
55
+                        <div>
56
+                            <input type="radio" class="weui_check" name="mount" id="s" value="S">
57
+                            <label class="weui_cell weui_check_label quartern" for="s">
58
+                                <div class="weui_cell_bd weui_cell_primary">S</div>
59
+                            </label>
60
+                        </div>
61
+                        <div>
62
+                            <input type="radio" class="weui_check" name="mount" id="p" value="P">
63
+                            <label class="weui_cell weui_check_label quartern" for="p">
64
+                                <div class="weui_cell_bd weui_cell_primary">P</div>
65
+                            </label>
66
+                        </div>
108 67
                     </div>
109 68
                     <div class="weui_cell">
110 69
                         <div class="weui_cell_hd"><label for="" class="weui_label">机身码</label></div>
@@ -129,15 +88,6 @@
129 88
                             <input id="name" class="weui_input" type="text" value="" placeholder="请输入消费者姓名">
130 89
                         </div>
131 90
                     </div>
132
-{#                    <div class="weui_cell weui_cell_select weui_select_after">#}
133
-{#                        <div class="weui_cell_hd"><label for="" class="weui_label">性别</label></div>#}
134
-{#                        <div class="weui_cell_bd weui_cell_primary">#}
135
-{#                            <select id="sex" class="weui_select" name="select">#}
136
-{#                                <option value="1">男</option>#}
137
-{#                                <option value="0">女</option>#}
138
-{#                            </select>#}
139
-{#                        </div>#}
140
-{#                    </div>#}
141 91
                     <div class="weui_cell">
142 92
                         <div class="weui_cell_hd"><label for="" class="weui_label">性别</label></div>
143 93
                         <div class="weui_cell_bd weui_cell_primary">
@@ -145,37 +95,19 @@
145 95
                         </div>
146 96
                     </div>
147 97
                     <div id="sex_radio" class="weui_cells weui_cells_radio radio_cells">
148
-                        <label class="weui_cell weui_check_label" for="male">
149
-                            <div class="weui_cell_bd weui_cell_primary">
150
-                                <li type="circle">先生</li>
151
-                            </div>
152
-                            <div class="weui_cell_ft">
153
-                                <input type="radio" class="weui_check" name="sex" id="male" value="1" checked="checked">
154
-                                <span class="weui_icon_checked"></span>
155
-                            </div>
156
-                        </label>
157
-                        <label class="weui_cell weui_check_label" for="female">
158
-                            <div class="weui_cell_bd weui_cell_primary">
159
-                                <li type="circle">女士</li>
160
-                            </div>
161
-                            <div class="weui_cell_ft">
162
-                                <input type="radio" class="weui_check" name="sex" id="female" value="0">
163
-                                <span class="weui_icon_checked"></span>
164
-                            </div>
165
-                        </label>
98
+                        <div>
99
+                            <input type="radio" class="weui_check" name="sex" id="male" value="1" checked="checked">
100
+                            <label class="weui_cell weui_check_label quartern" for="male">
101
+                                <div class="weui_cell_bd weui_cell_primary">先生</div>
102
+                            </label>
103
+                        </div>
104
+                        <div>
105
+                            <input type="radio" class="weui_check" name="sex" id="female" value="0">
106
+                            <label class="weui_cell weui_check_label quartern" for="female">
107
+                                <div class="weui_cell_bd weui_cell_primary">女士</div>
108
+                            </label>
109
+                        </div>
166 110
                     </div>
167
-{#                    <div class="weui_cell weui_cell_select weui_select_after">#}
168
-{#                        <div class="weui_cell_hd"><label for="" class="weui_label">年龄</label></div>#}
169
-{#                        <div class="weui_cell_bd weui_cell_primary">#}
170
-{#                            <select id="age" class="weui_select" name="select">#}
171
-{#                                <option value="1">20周岁以下</option>#}
172
-{#                                <option value="2">20~30周岁</option>#}
173
-{#                                <option value="3">30~40周岁</option>#}
174
-{#                                <option value="4">40~50周岁</option>#}
175
-{#                                <option value="5">50周岁以上</option>#}
176
-{#                            </select>#}
177
-{#                        </div>#}
178
-{#                    </div>#}
179 111
                     <div class="weui_cell">
180 112
                         <div class="weui_cell_hd"><label for="" class="weui_label">年龄段</label></div>
181 113
                         <div class="weui_cell_bd weui_cell_primary">
@@ -183,51 +115,36 @@
183 115
                         </div>
184 116
                     </div>
185 117
                     <div id="age_radio" class="weui_cells weui_cells_radio radio_cells">
186
-                        <label class="weui_cell weui_check_label" for="age1">
187
-                            <div class="weui_cell_bd weui_cell_primary">
188
-                                <li type="circle">20周岁以下</li>
189
-                            </div>
190
-                            <div class="weui_cell_ft">
191
-                                <input type="radio" class="weui_check" name="age" id="age1" value="1" checked="checked">
192
-                                <span class="weui_icon_checked"></span>
193
-                            </div>
194
-                        </label>
195
-                        <label class="weui_cell weui_check_label" for="age2">
196
-                            <div class="weui_cell_bd weui_cell_primary">
197
-                                <li type="circle">20~30周岁</li>
198
-                            </div>
199
-                            <div class="weui_cell_ft">
200
-                                <input type="radio" class="weui_check" name="age" id="age2" value="2">
201
-                                <span class="weui_icon_checked"></span>
202
-                            </div>
203
-                        </label>
204
-                        <label class="weui_cell weui_check_label" for="age3">
205
-                            <div class="weui_cell_bd weui_cell_primary">
206
-                                <li type="circle">30~40周岁</li>
207
-                            </div>
208
-                            <div class="weui_cell_ft">
209
-                                <input type="radio" class="weui_check" name="age" id="age3" value="3">
210
-                                <span class="weui_icon_checked"></span>
211
-                            </div>
212
-                        </label>
213
-                        <label class="weui_cell weui_check_label" for="age4">
214
-                            <div class="weui_cell_bd weui_cell_primary">
215
-                                <li type="circle">40~50周岁</li>
216
-                            </div>
217
-                            <div class="weui_cell_ft">
218
-                                <input type="radio" class="weui_check" name="age" id="age4" value="4">
219
-                                <span class="weui_icon_checked"></span>
220
-                            </div>
221
-                        </label>
222
-                        <label class="weui_cell weui_check_label" for="age5">
223
-                            <div class="weui_cell_bd weui_cell_primary">
224
-                                <li type="circle">50周岁以上</li>
225
-                            </div>
226
-                            <div class="weui_cell_ft">
227
-                                <input type="radio" class="weui_check" name="age" id="age5" value="5">
228
-                                <span class="weui_icon_checked"></span>
229
-                            </div>
230
-                        </label>
118
+                        <div>
119
+                            <input type="radio" class="weui_check" name="age" id="age1" value="1" checked="checked">
120
+                            <label class="weui_cell weui_check_label quartern" for="age1">
121
+                                <div class="weui_cell_bd weui_cell_primary">20岁以下</div>
122
+                            </label>
123
+                        </div>
124
+                        <div>
125
+                            <input type="radio" class="weui_check" name="age" id="age2" value="2">
126
+                            <label class="weui_cell weui_check_label quartern" for="age2">
127
+                                <div class="weui_cell_bd weui_cell_primary">20~30岁</div>
128
+                            </label>
129
+                        </div>
130
+                        <div>
131
+                            <input type="radio" class="weui_check" name="age" id="age3" value="3">
132
+                            <label class="weui_cell weui_check_label quartern" for="age3">
133
+                                <div class="weui_cell_bd weui_cell_primary">30~40岁</div>
134
+                            </label>
135
+                        </div>
136
+                        <div>
137
+                            <input type="radio" class="weui_check" name="age" id="age4" value="4">
138
+                            <label class="weui_cell weui_check_label quartern" for="age4">
139
+                                <div class="weui_cell_bd weui_cell_primary">40~50岁</div>
140
+                            </label>
141
+                        </div>
142
+                        <div>
143
+                            <input type="radio" class="weui_check" name="age" id="age5" value="5">
144
+                            <label class="weui_cell weui_check_label quartern" for="age5">
145
+                                <div class="weui_cell_bd weui_cell_primary">50岁以上</div>
146
+                            </label>
147
+                        </div>
231 148
                     </div>
232 149
                     <div class="weui_cell">
233 150
                         <div class="weui_cell_hd"><label for="" class="weui_label">手机号</label></div>

+ 1 - 1
tamron/settings.py

@@ -145,7 +145,7 @@ REDIS = {
145 145
         'PORT': 6379,
146 146
         'USER': '',
147 147
         'PASSWORD': '',
148
-        'db': 0,
148
+        'db': 10,
149 149
     }
150 150
 }
151 151