1. 优化移动端显示,以显示更多内容

This commit is contained in:
ngfchl
2022-09-06 15:28:03 +08:00
parent 6107c1c758
commit cc9a0f6a84
6 changed files with 49 additions and 5 deletions

View File

@@ -0,0 +1 @@
@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}

View File

@@ -0,0 +1,5 @@
{% load static simpletags %}
<link rel="stylesheet" type="text/css" href="{% static 'admin/simpleui-x/elementui/theme-chalk/index.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'admin/simpleui-x/elementui/theme-chalk/display.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'admin/simpleui-x/fontawesome-free-5.8.1-web/css/all.min.css' %}">

View File

@@ -0,0 +1,31 @@
{% load simpletags %}
<fieldset class="module aligned {{ fieldset.classes }}">
{% if fieldset.name %}<h2>{{ fieldset.name }}</h2>{% endif %}
{% if fieldset.description %}
<div class="description">{{ fieldset.description|safe }}</div>
{% endif %}
{% for line in fieldset %}
<div class="form-row{% if line.fields|length_is:'1' and line.errors %} errors{% endif %}{% if not line.has_visible_field %} hidden{% endif %}{% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% endfor %}">
{% if line.fields|length_is:'1' %}{{ line.errors }}{% endif %}
{% for field in line %}
<div{% if not line.fields|length_is:'1' %} class="fieldBox{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% if not field.is_readonly and field.errors %} errors{% endif %}{% if field.field.is_hidden %} hidden{% endif %}"{% elif field.is_checkbox %} class="checkbox-row"{% endif %}>
{% if not line.fields|length_is:'1' and not field.is_readonly %}{{ field.errors }}{% endif %}
{% if field.is_checkbox %}
{{ field.field }}{{ field.label_tag }}
{% else %}
{{ field.label_tag }}
{% if field.is_readonly %}
<div class="readonly">{{ field.contents }}</div>
{% else %}
{{ field.field|get_value }}
{% endif %}
{% endif %}
{% if field.field.help_text %}
<div class="help">{{ field.field.help_text|safe }}</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</fieldset>

View File

@@ -0,0 +1,5 @@
{% load static simpletags %}
<script type="text/javascript" src="{% static 'admin/simpleui-x/js/vue.min.js' %}?_={% get_version %}"></script>
{#<script type="text/javascript" src="{% static 'admin/simpleui-x/js/vue.js' %}?_={% get_version %}"></script>#}
<script type="text/javascript" src="{% static 'admin/simpleui-x/elementui/index.js' %}?_={% get_version %}"></script>

View File

@@ -24,6 +24,7 @@
{% block css %}
{% include 'admin/includes/css-part.html' %}
<link rel="stylesheet" href="{% static 'admin/simpleui-x/css/index.css' %}?_=3.2">
<link rel="stylesheet" href="{% static 'admin/simpleui-x/waves/waves.min.css' %}?_=2.1">
{% endblock %}
{% block head %}
@@ -130,7 +131,7 @@
<el-container>
{% block header %}
<el-header class="navbar" style="font-size: 12px;padding: 10px;height: auto">
<el-header class="navbar hidden-md-and-down" style="font-size: 12px;padding: 10px;height: auto">
<div class="float-wrap">
<div class="left">
<el-button v-waves circle icon="fas fa-bars"

View File

@@ -3,12 +3,13 @@
<!-- 引入样式 -->
<link rel="stylesheet" href="{% static 'admin/simpleui-x/elementui/theme-chalk/index.css' %}">
{#<link rel="stylesheet" href="{% static 'admin/simpleui-x/elementui/theme-chalk/display.css' %}">#}
<!-- 引入组件库 -->
<div id="app">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>
<span class="hidden-md-and-down">
<el-button type="primary">更新提示</el-button>
<el-popover
placement="top-start"
@@ -22,7 +23,7 @@
</el-link>
</el-popover>
</span>
<span style="float: right;margin-top: -10px">
<span>
<el-popover
placement="top-start"
title="友情提示"
@@ -55,7 +56,7 @@
</div>
<div class="text item">
<el-row>
<el-col :span="local_log_width">
<el-col :span="local_log_width" :xs="24" :md="24">
<el-card class="box-card" shadow="hover">
<div slot="header" class="clearfix">
<span>本地日志</span>
@@ -78,7 +79,7 @@
</el-timeline>
</el-card>
</el-col>
<el-col :span="12" v-if="update">
<el-col :span="12" v-if="update" :xs="24" :md="24">
<el-card class="box-card" shadow="hover">
<div slot="header" class="clearfix">
<span>更新日志</span>