diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/IndexActivity.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/IndexActivity.java
new file mode 100644
index 0000000..6ec2bec
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/IndexActivity.java
@@ -0,0 +1,120 @@
+package com.example.orangesale_02.activity;
+
+import android.app.Activity;
+import android.app.FragmentTransaction;
+import android.content.Intent;
+import android.os.Bundle;
+import android.view.View;
+import android.widget.LinearLayout;
+
+import androidx.annotation.Nullable;
+
+import com.example.orangesale_02.R;
+import com.example.orangesale_02.fragment.IndexFragment;
+import com.example.orangesale_02.fragment.PearsonFragment;
+import com.example.orangesale_02.fragment.ProductFragment;
+import com.example.orangesale_02.fragment.ShoppingCartFragment;
+
+public class IndexActivity extends Activity implements View.OnClickListener {
+    private IndexFragment indexFragment;
+    private ProductFragment productFragment;
+    private ShoppingCartFragment shoppingCartFragment;
+    private PearsonFragment pearsonFragment;
+    private LinearLayout indexLine, productLine, shoppingCartLine, pearsonLine;
+
+    @Override
+    public void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+        init();
+        initIndexFragment();
+    }
+
+    /**
+     * 组件初始化
+     */
+    private void init() {
+        indexLine = findViewById(R.id.content_index);
+        indexLine.setOnClickListener(this);
+        productLine = findViewById(R.id.content_product);
+        productLine.setOnClickListener(this);
+        shoppingCartLine = findViewById(R.id.content_cart);
+        shoppingCartLine.setOnClickListener(this);
+        pearsonLine = findViewById(R.id.content_pearson);
+        pearsonLine.setOnClickListener(this);
+    }
+
+    @Override
+    public void onClick(View v) {
+        switch (v.getId()) {
+            case R.id.content_index:
+                initIndexFragment();
+                break;
+            case R.id.content_product:
+                initproductFragment();
+                break;
+            case R.id.content_cart:
+                initshoppingCartFragment();
+                break;
+            case R.id.content_pearson:
+                initpearsonFragment();
+                break;
+        }
+    }
+
+    /**
+     * 初始化首页Fragment
+     */
+    private void initIndexFragment() {
+        //开启事务，fragment的控制是由事务来实现的
+        FragmentTransaction transaction = getFragmentManager().beginTransaction();
+        if (indexFragment == null) {
+            indexFragment = new IndexFragment();
+        }
+        transaction.replace(R.id.main_content, indexFragment);
+        transaction.commit();
+    }
+
+    /**
+     * 初始化产品Fragment
+     */
+    private void initproductFragment() {
+        //开启事务，fragment的控制是由事务来实现的
+        FragmentTransaction transaction = getFragmentManager().beginTransaction();
+        if (productFragment == null) {
+            productFragment = new ProductFragment();
+        }
+        transaction.replace(R.id.main_content, productFragment);
+        transaction.commit();
+    }
+
+    /**
+     * 初始化购物车Fragment
+     */
+    private void initshoppingCartFragment() {
+        //开启事务，fragment的控制是由事务来实现的
+        FragmentTransaction transaction = getFragmentManager().beginTransaction();
+        if (shoppingCartFragment == null) {
+            shoppingCartFragment = new ShoppingCartFragment();
+        }
+        transaction.replace(R.id.main_content, shoppingCartFragment);
+        transaction.commit();
+    }
+
+    /**
+     * 初始化个人Fragment
+     */
+    private void initpearsonFragment() {
+        //开启事务，fragment的控制是由事务来实现的
+        FragmentTransaction transaction = getFragmentManager().beginTransaction();
+        if (pearsonFragment == null) {
+            Intent intent = IndexActivity.this.getIntent();
+            Bundle bundle = intent.getExtras();
+            pearsonFragment = new PearsonFragment();
+            pearsonFragment.setArguments(bundle);
+        }
+        transaction.replace(R.id.main_content, pearsonFragment);
+        transaction.commit();
+    }
+
+}
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/Adapter.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/adapter/Adapter.java
similarity index 100%
rename from OrangeSale/app/src/main/java/com/example/orangesale_02/Adapter.java
rename to OrangeSale/app/src/main/java/com/example/orangesale_02/adapter/Adapter.java
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/adapter/ProductAdapter.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/adapter/ProductAdapter.java
new file mode 100644
index 0000000..af7a220
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/adapter/ProductAdapter.java
@@ -0,0 +1,68 @@
+package com.example.orangesale_05.adapter;
+
+import android.content.Context;
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.BaseAdapter;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.example.orangesale_05.R;
+import com.example.orangesale_05.entity.Product;
+
+import java.util.List;
+
+public class ProductAdapter extends BaseAdapter {
+    private List<Product> productList;
+    private LayoutInflater layoutInflater;
+
+    public ProductAdapter(Context context, List<Product> productList) {
+        this.productList = productList;
+        this.layoutInflater = LayoutInflater.from(context);
+    }
+
+    @Override
+    public int getCount() {
+        return productList.size();
+    }
+
+    @Override
+    public Object getItem(int position) {
+        return productList.get(position);
+    }
+
+    @Override
+    public long getItemId(int position) {
+        return position;
+    }
+
+    @Override
+    public View getView(int position, View convertView, ViewGroup parent) {
+        ViewHolder viewHolder;
+        if (convertView == null) {
+            convertView = layoutInflater.inflate(R.layout.categoty_detail_content, null);
+            viewHolder = new ViewHolder();
+            viewHolder.productImage = convertView.findViewById(R.id.category_product_image);
+            viewHolder.productName = convertView.findViewById(R.id.category_product_name);
+            viewHolder.productPrice = convertView.findViewById(R.id.category_product_price);
+            convertView.setTag(viewHolder);
+        } else {
+            viewHolder = (ViewHolder) convertView.getTag();
+        }
+        Product product = productList.get(position);
+        Log.i("product", "getView: "+product.toString());
+        if (product != null) {
+            viewHolder.productImage.setBackgroundResource(product.getImageUrlId());
+            viewHolder.productName.setText(product.getProductName());
+            viewHolder.productPrice.setText(String.valueOf(product.getProductPrice()));
+        }
+        return convertView;
+    }
+
+    class ViewHolder {
+        ImageView productImage;
+        TextView productName, productPrice;
+    }
+}
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/OrangeUser.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/entity/OrangeUser.java
similarity index 100%
rename from OrangeSale/app/src/main/java/com/example/orangesale_02/OrangeUser.java
rename to OrangeSale/app/src/main/java/com/example/orangesale_02/entity/OrangeUser.java
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/entity/Product.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/entity/Product.java
new file mode 100644
index 0000000..69453a8
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/entity/Product.java
@@ -0,0 +1,43 @@
+package com.example.orangesale_05.entity;
+
+import java.math.BigDecimal;
+
+public class Product {
+
+    public String getProductName() {
+        return productName;
+    }
+
+    public void setProductName(String productName) {
+        this.productName = productName;
+    }
+
+    public BigDecimal getProductPrice() {
+        return productPrice;
+    }
+
+    public void setProductPrice(BigDecimal productPrice) {
+        this.productPrice = productPrice;
+    }
+
+    public Integer getImageUrlId() {
+        return imageUrlId;
+    }
+
+    public void setImageUrlId(Integer imageUrlId) {
+        this.imageUrlId = imageUrlId;
+    }
+
+    private Integer imageUrlId;
+    private String productName;
+    private BigDecimal productPrice;
+
+    @Override
+    public String toString() {
+        return "Product{" +
+                "imageUrlId=" + imageUrlId +
+                ", productName='" + productName + '\'' +
+                ", productPrice=" + productPrice +
+                '}';
+    }
+}
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/IndexFragment.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/IndexFragment.java
new file mode 100644
index 0000000..8c52473
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/IndexFragment.java
@@ -0,0 +1,109 @@
+package com.example.orangesale_05.fragment;
+
+import android.app.Fragment;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.GridView;
+import android.widget.LinearLayout;
+import android.widget.SearchView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.example.orangesale_05.R;
+import com.example.orangesale_05.adapter.ProductAdapter;
+import com.example.orangesale_05.entity.Product;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.List;
+
+public class IndexFragment extends Fragment implements View.OnClickListener {
+    private SearchView searchView;
+    private LinearLayout orangeLine, youziLine, juziLine, xiguaLine, liLine, appleLine, lemonLine, mangguoLine;
+    private GridView gridView;
+    private List<Product> productList;
+    private ProductAdapter productAdapter;
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        View view = LayoutInflater.from(getActivity()).inflate(R.layout.content_index, container, false);
+        init(view);
+        return view;
+    }
+
+    /**
+     * 初始化组件
+     */
+    private void init(View view) {
+        searchView = view.findViewById(R.id.searchView);
+        searchView.setOnClickListener(this);
+        orangeLine = view.findViewById(R.id.chengzi);
+        orangeLine.setOnClickListener(this);
+        youziLine = view.findViewById(R.id.youzi);
+        youziLine.setOnClickListener(this);
+        juziLine = view.findViewById(R.id.juzi);
+        juziLine.setOnClickListener(this);
+        xiguaLine = view.findViewById(R.id.xigua);
+        xiguaLine.setOnClickListener(this);
+        liLine = view.findViewById(R.id.li);
+        liLine.setOnClickListener(this);
+        lemonLine = view.findViewById(R.id.lemon);
+        lemonLine.setOnClickListener(this);
+        mangguoLine = view.findViewById(R.id.mangguo);
+        mangguoLine.setOnClickListener(this);
+        appleLine = view.findViewById(R.id.apple);
+        appleLine.setOnClickListener(this);
+        gridView = view.findViewById(R.id.index_famous_gridview);
+        initData();
+        productAdapter = new ProductAdapter(getActivity(), productList);
+        gridView.setAdapter(productAdapter);
+    }
+
+
+    @Override
+    public void onClick(View v) {
+
+    }
+
+    /**
+     * 初始化商品数据
+     */
+    private void initData() {
+        productList = new ArrayList<>();
+        Product product = new Product();
+        product.setImageUrlId(R.drawable.juzip);
+        product.setProductName("橘子");
+        product.setProductPrice(new BigDecimal("9.9"));
+        Product product1 = new Product();
+        product1.setImageUrlId(R.drawable.orange);
+        product1.setProductName("橙子");
+        product1.setProductPrice(new BigDecimal("29.9"));
+        Product product2 = new Product();
+        product2.setImageUrlId(R.drawable.youzip);
+        product2.setProductName("柚子");
+        product2.setProductPrice(new BigDecimal("19.9"));
+        Product product3 = new Product();
+        product3.setImageUrlId(R.drawable.xiguap);
+        product3.setProductName("西瓜");
+        product3.setProductPrice(new BigDecimal("19.9"));
+        Product product4 = new Product();
+        product4.setImageUrlId(R.drawable.applep);
+        product4.setProductName("苹果");
+        product4.setProductPrice(new BigDecimal("49.9"));
+        Product product5 = new Product();
+        product5.setImageUrlId(R.drawable.lemonp);
+        product5.setProductName("柠檬");
+        product5.setProductPrice(new BigDecimal("9.9"));
+        productList.add(product);
+        productList.add(product1);
+        productList.add(product2);
+        productList.add(product3);
+        productList.add(product4);
+        productList.add(product5);
+
+    }
+}
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/PearsonFragment.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/PearsonFragment.java
new file mode 100644
index 0000000..687895d
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/PearsonFragment.java
@@ -0,0 +1,64 @@
+package com.example.orangesale_05.fragment;
+
+import android.app.Fragment;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.example.orangesale_05.R;
+
+public class PearsonFragment extends Fragment implements View.OnClickListener {
+    private ImageView userIconImage;
+    private TextView usernameText, userSexText, userCityText;
+    private LinearLayout usernameLine, userSexline, userCityLine, userPayLine, userSettingLine, userGeneralLine;
+
+
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        View view = LayoutInflater.from(getActivity()).inflate(R.layout.content_user, container, false);
+        init(view);
+        return view;
+    }
+
+    /**
+     * 组件初始化
+     */
+    private void init(View view) {
+        userIconImage = view.findViewById(R.id.user_icon);
+        usernameText = view.findViewById(R.id.user_username);
+        userSexText = view.findViewById(R.id.user_sex);
+        userCityText = view.findViewById(R.id.user_city);
+        usernameLine = view.findViewById(R.id.user_username_line);
+        userSexline = view.findViewById(R.id.user_sex_line);
+        userCityLine = view.findViewById(R.id.user_city_line);
+        userPayLine = view.findViewById(R.id.user_pay);
+        userSettingLine = view.findViewById(R.id.user_setting);
+        userGeneralLine = view.findViewById(R.id.user_general);
+        setData();
+    }
+
+    /**
+     * 组件赋值
+     */
+    private void setData() {
+        Bundle bundle = getArguments();
+        usernameText.setText(String.format("用户名：%s", bundle.getString("username")));
+        userSexText.setText(String.format("性别：%s", bundle.getString("sex")));
+        userCityText.setText(String.format("城市：%s", bundle.getString("city")));
+    }
+
+    @Override
+    public void onClick(View v) {
+
+    }
+
+
+}
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/ProductFragment.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/ProductFragment.java
new file mode 100644
index 0000000..f8dab79
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/ProductFragment.java
@@ -0,0 +1,21 @@
+package com.example.orangesale_05.fragment;
+
+import android.app.Fragment;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.example.orangesale_05.R;
+
+public class ProductFragment extends Fragment {
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        View view = LayoutInflater.from(getActivity()).inflate(R.layout.content_product, container, false);
+        return view;
+    }
+}
diff --git a/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/ShoppingCartFragment.java b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/ShoppingCartFragment.java
new file mode 100644
index 0000000..46cc0e3
--- /dev/null
+++ b/OrangeSale/app/src/main/java/com/example/orangesale_02/fragment/ShoppingCartFragment.java
@@ -0,0 +1,21 @@
+package com.example.orangesale_05.fragment;
+
+import android.app.Fragment;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.example.orangesale_05.R;
+
+public class ShoppingCartFragment extends Fragment {
+    @Nullable
+    @Override
+    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        View view = LayoutInflater.from(getActivity()).inflate(R.layout.content_shopping, container, false);
+        return view;
+    }
+}
diff --git a/OrangeSale/app/src/main/res/drawable-v24/shop_car.png b/OrangeSale/app/src/main/res/drawable-v24/shop_car.png
deleted file mode 100644
index 8851375..0000000
Binary files a/OrangeSale/app/src/main/res/drawable-v24/shop_car.png and /dev/null differ
diff --git a/OrangeSale/app/src/main/res/drawable-v24/xigua.png b/OrangeSale/app/src/main/res/drawable-v24/xigua.png
deleted file mode 100644
index b6d8404..0000000
Binary files a/OrangeSale/app/src/main/res/drawable-v24/xigua.png and /dev/null differ
diff --git a/OrangeSale/app/src/main/res/drawable/index.png b/OrangeSale/app/src/main/res/drawable/index.png
new file mode 100644
index 0000000..cc1ec04
Binary files /dev/null and b/OrangeSale/app/src/main/res/drawable/index.png differ
diff --git a/OrangeSale/app/src/main/res/drawable/index_menu.xml b/OrangeSale/app/src/main/res/drawable/index_menu.xml
new file mode 100644
index 0000000..14636dd
--- /dev/null
+++ b/OrangeSale/app/src/main/res/drawable/index_menu.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
+    <!-- 连框颜色值 -->
+    <item>
+        <shape>
+            <solid android:color="#dddddd" />
+        </shape>
+    </item>
+    <!-- 主体背景颜色值 -->
+    <item android:bottom="1dp"> <!--设置只有底部有边框-->
+        <shape>
+            <solid android:color="#ffffff" />
+            <corners android:radius="10dp"></corners>
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/OrangeSale/app/src/main/res/layout/content_index.xml b/OrangeSale/app/src/main/res/layout/content_index.xml
new file mode 100644
index 0000000..7fa926d
--- /dev/null
+++ b/OrangeSale/app/src/main/res/layout/content_index.xml
@@ -0,0 +1,221 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#E8E8E8"
+    android:orientation="vertical">
+
+    <SearchView
+        android:id="@+id/searchView"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@drawable/index_menu"
+        android:focusable="false"
+        android:iconifiedByDefault="false"
+        android:queryHint="请输入搜索内容" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginLeft="1dp"
+        android:layout_marginTop="20dp"
+        android:layout_marginRight="1dp"
+        android:background="@drawable/index_menu"
+        android:orientation="vertical">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="5dp"
+            android:orientation="horizontal">
+
+            <LinearLayout
+                android:id="@+id/chengzi"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/chengzi" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="橙子"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/youzi"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/youzi" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="柚子"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/juzi"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/juzi" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="橘子"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/xigua"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/xigua" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="西瓜"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="15dp"
+            android:layout_marginBottom="5dp"
+            android:orientation="horizontal">
+
+            <LinearLayout
+                android:id="@+id/li"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/li" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="香梨"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/apple"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/apple" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="苹果"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/lemon"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/lemon" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="柠檬"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/mangguo"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@drawable/mangguo" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="5dp"
+                    android:text="芒果"
+                    android:textColor="#696969"
+                    android:textSize="20sp" />
+            </LinearLayout>
+        </LinearLayout>
+    </LinearLayout>
+
+    <include layout="@layout/index_famous"/>
+
+
+</LinearLayout>
\ No newline at end of file
diff --git a/OrangeSale/app/src/main/res/layout/content_nav.xml b/OrangeSale/app/src/main/res/layout/content_nav.xml
new file mode 100644
index 0000000..2b6b43b
--- /dev/null
+++ b/OrangeSale/app/src/main/res/layout/content_nav.xml
@@ -0,0 +1,118 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="horizontal">
+
+    <!--首页-->
+    <LinearLayout
+        android:id="@+id/content_index"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginTop="2dp"
+            android:src="@drawable/index" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:text="首页"
+            android:textColor="#000"
+            android:textSize="18sp" />
+    </LinearLayout>
+    <!--间隔线-->
+    <ImageView
+        android:layout_width="1dp"
+        android:layout_height="70dp"
+        android:background="#CFCFCF" />
+    <!--商品-->
+    <LinearLayout
+        android:id="@+id/content_product"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginTop="2dp"
+            android:src="@drawable/product" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:text="商品"
+            android:textColor="#000"
+            android:textSize="18sp" />
+    </LinearLayout>
+
+    <!--间隔线-->
+    <ImageView
+        android:layout_width="1dp"
+        android:layout_height="70dp"
+        android:background="#CFCFCF" />
+    <!--购物车-->
+    <LinearLayout
+        android:id="@+id/content_cart"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:layout_marginTop="2dp"
+        android:orientation="vertical">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:src="@drawable/shoppingcart" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:text="购物车"
+            android:textColor="#000"
+            android:textSize="18sp" />
+    </LinearLayout>
+
+    <!--间隔线-->
+    <ImageView
+        android:layout_width="1dp"
+        android:layout_height="70dp"
+        android:background="#CFCFCF" />
+
+    <!--个人-->
+    <LinearLayout
+        android:id="@+id/content_pearson"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:layout_marginTop="2dp"
+        android:orientation="vertical">
+
+        <ImageView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:src="@drawable/pearson" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:text="我"
+            android:textColor="#000"
+            android:textSize="18sp" />
+    </LinearLayout>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/OrangeSale/app/src/main/res/layout/content_product.xml b/OrangeSale/app/src/main/res/layout/content_product.xml
new file mode 100644
index 0000000..c946607
--- /dev/null
+++ b/OrangeSale/app/src/main/res/layout/content_product.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical" android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <TextView
+        android:id="@+id/textView"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="product" />
+</LinearLayout>
\ No newline at end of file
diff --git a/OrangeSale/app/src/main/res/layout/content_shopping.xml b/OrangeSale/app/src/main/res/layout/content_shopping.xml
new file mode 100644
index 0000000..e152fbb
--- /dev/null
+++ b/OrangeSale/app/src/main/res/layout/content_shopping.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical" android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <TextView
+        android:id="@+id/textView"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="shop" />
+</LinearLayout>
\ No newline at end of file
diff --git a/OrangeSale/app/src/main/res/layout/index_famous.xml b/OrangeSale/app/src/main/res/layout/index_famous.xml
new file mode 100644
index 0000000..b884b44
--- /dev/null
+++ b/OrangeSale/app/src/main/res/layout/index_famous.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginTop="15dp"
+    android:orientation="vertical">
+
+    <!--热门商品-->
+    <LinearLayout
+        android:id="@+id/index_famous_product"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="15dp"
+        android:background="#FFF"
+        android:orientation="horizontal">
+
+        <TextView
+            android:layout_width="0dp"
+            android:layout_height="50dp"
+            android:layout_marginLeft="5dp"
+            android:layout_weight="1"
+            android:drawableLeft="@drawable/shuiguo"
+            android:drawablePadding="8dp"
+            android:gravity="center_vertical"
+            android:text="热门商品"
+            android:textColor="#000"
+            android:textSize="18sp" />
+
+        <ImageView
+            android:layout_width="25dp"
+            android:layout_height="25dp"
+            android:layout_gravity="center"
+            android:src="@drawable/arrow_right" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_marginTop="10dp"
+        android:layout_marginLeft="10dp"
+        android:layout_marginRight="10dp"
+        android:orientation="vertical">
+
+        <GridView
+            android:id="@+id/index_famous_gridview"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="#E8E8E8"
+            android:verticalSpacing="10dp"
+            android:horizontalSpacing="10dp"
+            android:numColumns="2" />
+    </LinearLayout>
+
+
+</LinearLayout>
\ No newline at end of file