3.0官方会给出一套全新的UI。所以这套简约的主题就输出到这里了。
因官方版本迭代太迅猛,这套主题仅通过修改css文件生成,没有动任何布局代码,可放心大胆的使用。
待3.0发布官方新版本后,我这里再提供新的主题吧。
主要修改的视觉包括:
1.卡片式圆角设计
2.字号调整大了些
3.iphonX以上底部间距的兼容
4.图标的替换
5.筛选分类的样式统一化
6.底部导航简约化
7.列表样式调整
使用方法:
下载附件中压缩文件,解压,直接将自己的项目发行微信小程序后,替换覆盖小程序代码(仅替换wxss)
如果你生成的是多端小程序,可到我的公众号【APP比比】回复 dzq 下载Hbuilder编译版。自行替换代码。
效果图:
谢谢,如有需要在评论中回复额
# 爬虫请求头判断
map $http_user_agent $ua_device {
default 'desktop';
~*Baiduspider|Yisouspider|Googlebot|spider|Spider|360Spider|bingbot|Sosospider/i 'bot';
~*(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge\ |maemo|midp|mmp|mobile.+firefox|netfront|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ ce|xda|xiino/i 'mobile';
~*android|ipad|playbook|silk/i 'tablet';
}
server
{
listen 80;
listen 443 ssl http2;
server_name react.fireself.cn;
index index.php index.html index.htm default.php default.htm default.html;
root /www/wwwroot/React.fireself.cn/public;
#SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
#error_page 404/404.html;
#HTTP_TO_HTTPS_START
if ($server_port !~ 443){
rewrite ^(/.*)$ https://$host$1 permanent;
}
#HTTP_TO_HTTPS_END
ssl_certificate /www/server/panel/vhost/cert/react.fireself.cn/fullchain.pem;
ssl_certificate_key /www/server/panel/vhost/cert/react.fireself.cn/privkey.pem;
ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
ssl_prefer_server_ciphers on;
ssl_session_cache shared:SSL:10m;
ssl_session_timeout 10m;
add_header Strict-Transport-Security "max-age=31536000";
error_page 497 https://$host$request_uri;
#SSL-END
#ERROR-PAGE-START 错误页配置,可以注释、删除或修改
#error_page 404 /404.html;
#error_page 502 /502.html;
#ERROR-PAGE-END
#PHP-INFO-START PHP引用配置,可以注释或修改
include enable-php-74.conf;
#PHP-INFO-END
#REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
include /www/server/panel/vhost/rewrite/react.fireself.cn.conf;
#REWRITE-END
#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
return 404;
}
#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
allow all;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
error_log /dev/null;
access_log /dev/null;
}
location ~ .*\.(js|css)?$
{
expires 12h;
error_log /dev/null;
access_log /dev/null;
}
set $dst $uri;
set $dst2 $uri/;
set $dst3 /index.php?$query_string;
if ($ua_device = 'bot') {
set $dst2 "";
set $dst3 @proxypass;
}
location / {
try_files $dst $dst2 $dst3;
}
location @proxypass {
proxy_pass http://service-fxcoww5p-1251960626.sh.apigw.tencentcs.com;
proxy_connect_timeout 10;
proxy_send_timeout 15;
proxy_read_timeout 20;
proxy_buffer_size 1M;
proxy_buffers 8 1M;
proxy_busy_buffers_size 1M;
proxy_temp_file_write_size 1M;
}
access_log /www/wwwlogs/react.fireself.cn.log;
error_log /www/wwwlogs/react.fireself.cn.error.log;
}