Showing
2 changed files
with
104 additions
and
2 deletions
@@ -81,17 +81,119 @@ | @@ -81,17 +81,119 @@ | ||
81 | </div> | 81 | </div> |
82 | <div class="panel-collapse collapse in"> | 82 | <div class="panel-collapse collapse in"> |
83 | <div class="panel-body"> | 83 | <div class="panel-body"> |
84 | - <div class="row"> | 84 | + <div class="row mb20"> |
85 | <div class="col-md-1 height40">封面图*</div> | 85 | <div class="col-md-1 height40">封面图*</div> |
86 | <div class="col-md-1"> | 86 | <div class="col-md-1"> |
87 | <img class="edit-cover-img" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" | 87 | <img class="edit-cover-img" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" |
88 | alt=""/> | 88 | alt=""/> |
89 | </div> | 89 | </div> |
90 | </div> | 90 | </div> |
91 | + | ||
92 | + <div class="row"> | ||
93 | + <div class="col-md-12"> | ||
94 | + <button class="btn btn-primary mr5" data-toggle="modal" data-target="#textDialog">文本</button> | ||
95 | + <button class="btn btn-primary mr5" data-toggle="modal" data-target="#picDialog">图片</button> | ||
96 | + <button class="btn btn-primary mr5" data-toggle="modal" data-target="#videoDialog">视频</button> | ||
97 | + </div> | ||
98 | + </div> | ||
91 | </div> | 99 | </div> |
92 | </div> | 100 | </div> |
93 | </div> | 101 | </div> |
94 | </div> | 102 | </div> |
95 | </div> | 103 | </div> |
96 | </form> | 104 | </form> |
105 | +</div> | ||
106 | + | ||
107 | +<!--模态框--> | ||
108 | +<div class="modal fade" id="textDialog" tabindex="-1" role="dialog" aria-labelledby="textDialog"> | ||
109 | + <div class="modal-dialog" role="document"> | ||
110 | + <div class="modal-content"> | ||
111 | + <div class="modal-header"> | ||
112 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span | ||
113 | + aria-hidden="true">×</span></button> | ||
114 | + <h4 class="modal-title" id="addAttrTitle">添加文本</h4> | ||
115 | + </div> | ||
116 | + <div class="modal-body"> | ||
117 | + | ||
118 | + </div> | ||
119 | + <div class="modal-footer"> | ||
120 | + <button type="button" class="btn btn-default m-t-20 add-attr-btn-close" data-dismiss="modal">关闭</button> | ||
121 | + <button type="button" class="add-attr-btn btn btn-primary m-t-20">添加</button> | ||
122 | + </div> | ||
123 | + </div> | ||
124 | + </div> | ||
125 | +</div> | ||
126 | +<div class="modal fade" id="picDialog" tabindex="-1" role="dialog" aria-labelledby="picDialog"> | ||
127 | + <div class="modal-dialog" role="document"> | ||
128 | + <div class="modal-content"> | ||
129 | + <div class="modal-header"> | ||
130 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span | ||
131 | + aria-hidden="true">×</span></button> | ||
132 | + <h4 class="modal-title" id="picDialogTitle">添加图片</h4> | ||
133 | + </div> | ||
134 | + <div class="modal-body"> | ||
135 | + <div class="row"> | ||
136 | + <div class="col-md-3"> | ||
137 | + <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/> | ||
138 | + </div> | ||
139 | + <div class="col-md-9"> | ||
140 | + <div class="form-group"> | ||
141 | + <label class="pull-left control-label height40">图片链接</label> | ||
142 | + <div class="pull-left ml10"> | ||
143 | + <input class="form-control" type="text" placeholder="图片链接"> | ||
144 | + </div> | ||
145 | + <button type="button" class="btn btn-primary ml10">选择图片</button> | ||
146 | + </div> | ||
147 | + <div class="form-group"> | ||
148 | + <label class="pull-left control-label height40">图片描述</label> | ||
149 | + <div class="pull-left ml10"> | ||
150 | + <input class="form-control" type="text" placeholder="图片描述"> | ||
151 | + </div> | ||
152 | + </div> | ||
153 | + </div> | ||
154 | + </div> | ||
155 | + </div> | ||
156 | + <div class="modal-footer"> | ||
157 | + <button type="button" class="btn btn-default m-t-20 add-attr-btn-close" data-dismiss="modal">关闭</button> | ||
158 | + <button type="button" class="add-attr-btn btn btn-primary m-t-20">添加</button> | ||
159 | + </div> | ||
160 | + </div> | ||
161 | + </div> | ||
162 | +</div> | ||
163 | +<div class="modal fade" id="videoDialog" tabindex="-1" role="dialog" aria-labelledby="videoDialog"> | ||
164 | + <div class="modal-dialog" role="document"> | ||
165 | + <div class="modal-content"> | ||
166 | + <div class="modal-header"> | ||
167 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span | ||
168 | + aria-hidden="true">×</span></button> | ||
169 | + <h4 class="modal-title" id="videoDialogTitle">添加视频</h4> | ||
170 | + </div> | ||
171 | + <div class="modal-body"> | ||
172 | + <div class="row"> | ||
173 | + <div class="col-md-3"> | ||
174 | + <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/> | ||
175 | + </div> | ||
176 | + <div class="col-md-9"> | ||
177 | + <div class="form-group"> | ||
178 | + <label class="pull-left control-label height40">视频链接</label> | ||
179 | + <div class="pull-left ml10"> | ||
180 | + <input class="form-control" type="text" placeholder="视频链接"> | ||
181 | + </div> | ||
182 | + <button type="button" class="btn btn-primary ml10">选择视频</button> | ||
183 | + </div> | ||
184 | + <div class="form-group"> | ||
185 | + <label class="pull-left control-label height40">视频描述</label> | ||
186 | + <div class="pull-left ml10"> | ||
187 | + <input class="form-control" type="text" placeholder="视频描述"> | ||
188 | + </div> | ||
189 | + </div> | ||
190 | + </div> | ||
191 | + </div> | ||
192 | + </div> | ||
193 | + <div class="modal-footer"> | ||
194 | + <button type="button" class="btn btn-default m-t-20 add-attr-btn-close" data-dismiss="modal">关闭</button> | ||
195 | + <button type="button" class="add-attr-btn btn btn-primary m-t-20">添加</button> | ||
196 | + </div> | ||
197 | + </div> | ||
198 | + </div> | ||
97 | </div> | 199 | </div> |
-
Please register or login to post a comment