阅读量:0
在 Flask 中，要实现复杂的动画效果，可以使用 JavaScript 和 CSS。这里我们将使用一个名为 Spinner 的 JavaScript 库来创建动画效果。
- 首先，安装 Flask：
pip install Flask - 创建一个新的 Flask 项目：
mkdir flask_spinner cd flask_spinner touch app.py - 编辑
app.py文件，添加以下内容：
from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == '__main__': app.run(debug=True) - 在项目文件夹中创建一个名为
templates的文件夹，并在其中创建一个名为index.html的文件。将以下内容添加到该文件中：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flask Spinner</title> <style> .spinner { width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> </head> <body> <div class="spinner"></div> </body> </html> 在这个例子中，我们创建了一个简单的 CSS 动画，它将一个圆形的 div 旋转 360 度。你可以根据需要修改样式和动画效果。
- 运行 Flask 应用：
python app.py - 打开浏览器，访问
http://127.0.0.1:5000/，你将看到一个旋转的 Spinner 动画。
这只是一个简单的示例，你可以使用更复杂的 JavaScript 库（如 Spin.js）或自定义 CSS 动画来实现更复杂的动画效果。
