Huis Verkennen Help
Registreer Inloggen
Qimin.Huang
/
tamron
Volgen 1
Ster 0
Vork 0

Bladeren bron
Change radio multi pre line

Brightcells 7 jaren geleden
bovenliggende
be3f9c4f42
commit
d45751c726
5 gewijzigde bestanden met toevoegingen van 143 en 175 verwijderingen
Toon Diff Stats
  1. 67 0
      page/static/page/css/weui.ext.css
  2. 1 9
      page/templates/page/clerk_info.html
  3. 1 9
      page/templates/page/clerk_oauth.html
  4. 73 156
      page/templates/page/clerk_sale.html
  5. 1 1
      tamron/settings.py

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

@@ -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
Bestand weergeven 

@@ -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
Bestand weergeven 

@@ -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
Bestand weergeven 

@@ -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
Bestand weergeven 

@@ -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